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Bi Register 


It's never been easier or cheaper to have your own domain name! 
123-reg delivers a totally automated service with the lowest prices in the World, guaranteed! Stunning price includes: 


» Web based control panel * Web forwarding » Change name servers » Holding page wizard 

* Catch-all e-mail forwarding * 100 e-mail forwarding addresses » Full domain & renewal management 
* Change IPS tags (UK domains) * Change Contact Details » Display and e-mail invoice 

* Manage your own DNS * Domain name locking * Affiliate scheme » No transfer out fee 


Additional services include: Domain Watchers, POP3 and Sub-domains, Pre-register for new TLDs. 


Build Build before you buy... risk free! 


It's never been as simple or as fast to build a great looking site! 

The 123-reg site builder is a clear market leader in terms of features and functionality, having been developed purely 
with our customers in mind. Exclusive to 123-reg, this new low-cost service allows anyone to build and maintain a 
professional looking web site in minutes; no knowledge of programming required! 


Includes all the necessary tools required to create and update a web site, such as over 100 designs, templates, an 
intuitive editor, tables, forms and multimedia capabilities. The product is ideal for people and companies who want to 
establish an on-line presence but don't want to get immersed in development or high costs. 


k]Host 


There's no better place to host your site! 

123-reg manages its own UK based data centres, with state-of-the-art security and all the backup facilities you would 
expect from a market leader. Your site will be hosted on a high-end server and be totally under your control via our 
easy to use control panel. Choose from two great packages that will keep your web sites on-line...all the time! 


Regular: 
250 MB for £2.99+ per month, 1 GB data transfer (bandwidth) per month, CGI/Perl, on-line file manager, 10 POP 3 
accounts, Webalizer statistics, Unlimited e-mail forwarding addresses. 


Xtra Large: 
500 MB for £4.99+ per month, 2 GB data transfer (bandwidth) per month, CGI/Perl, on-line file manager, 25 POP 3 
accounts, Webalizer statistics, Unlimited e-mail forwarding addresses. 
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*Plus registrar registration fee, see web site for full details. **Monthly fee must be paid annually. 
t Monthly fee, must be paid annually and excludes one-off setup fee of £9.99. All prices exclude VAT. E&OE 


Check it out yourself 
Www. 123-reg.co.uk 
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Host Unlimited Domains with MyServerWorld™ 10.0 


Host an Unlimited Number of Domains for FREE using the worlds most 
advanced, feature rich Web Hosting Control Panel, MyserverWorld" 10.0 


WebFusion 
Reseller 


PER MONTH (or £500 per year) 


Why not join thousands of other Resellers, 
Web Designers and Entrepreneurs and 


> sign-up for the UK's Number One Web 
Hosting Reseller Account? 


Benefits of the WebFusion Reseller 
Account Include*:- 


* Design your own Control Panel 100% Branded to your 
Company for Free! 

* Design your own Web Hosting Packages and Change them 
in Real Time Online! 

¢ Full Customer Management System 

¢ WebFusion launched the Original Reseller Package in 
1998, Join the Leader not the Followers! 

* Innovative New Features added all the time 

¢ WebFusion Manage over 4000 Servers and Monitor them 
around the clock! 

¢ Instantly Setup and Manage your Accounts Online with the 
UK's Most Flexible Reseller Package 


Reseller Simple Includes:- 

¢ Unlimited Domains (no additional fees) 

* Unlimited E-mail Addresses (forward and catch all) 

¢ Unlimited E-mail Announcement Lists 

* Unlimited E-mail Auto responders * Unlimited Spam Filters 
¢ Between 5 and 500 MB of web space °¢ Full FTP access 


Reseller Advanced Includes:- 


¢ All the Features that are in your Master Account in its own 
separate account 


Your Master Account Includes:- 


GD Host as many Domains as you like with no Additional 
Charges 

GD Unlimited Web Space 

Gp 10GB Data Transfer (Bandwidth) per Month 

a MyServerWorld™ 10.0, UKs Most Powerful Control Panel 


¢ FREE and UNLIMITED 24/7/365 Phone and E-mail support 

* State-of-the-Art Data Centre * 3 Connections to the Internet 

* Unlimited E-mail Forwarding * Unlimited Mailing Lists 

* Unlimited Autoresponders * Unlimited Spam Filters 

* Full CGI-BIN & Perl * Real Audio & MP3 

* MIVA Scripting Language * 10 MySQL Databases 

* Manage MySQL Databases Online * Active Server Pages 
(ASP) * SSH Telnet Access * PHP4 Scripting Language 

¢ Webalizer Graphical Statistics * 500 Sub Domains 

* Use our Generic Name Servers for Free * Detailed Online Help 

¢ Password Protection * Custom Error Messages * 15 Free CGI 
Scripts * Full FTP Access ¢ Powerful Online Mail Client * Back 
Up Your Web Site Online * Web Site Link Checker & HTML 
Validator * Add E-commerce Option For Small Fee 

* Control Your Account Online With no Fuss * Termination 
Anytime * 99.9% Uptime * 30 Day Money Back Guarantee 

¢ Server Backed Up Every Day * One Hour Setup! 

Then add as many additional accounts as you like! 


UNLIMITED DOMAINS 24/7/365 FREE & UNLIMITED MULTIPLE CONNECTIONS MONEY BACK MYSERVERWORLD 10.0 
TECHNICAL SUPPORT TO THE INTERNET GUARANTEE 


| 


e-mail us: 
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=| aw @ pirect We welcome all major debit and credit cards. Prices exclude VAT @ 17.5% 


Debit *Some Features Only Available on Reseller Master and Advanced Additional Accounts 
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AT A GLANCE 


TUTORIALS 

16 Designing a magazine 

24 Creating style and adding colour 
32 Making your pictures work 


FEATURES » 


In-depth articles on planning, photography, printing and getting your magazine online 


08 Preparing a flatplan 


Planning the flow of your pages will 
determine how the reader interacts with your 
magazine. We share some trade secrets 


94 Further reading 


Techniques and inspiration for designers of 
all abilities. We bring you a selection of the 
best magazine design books on the market 


40 Organise files to work faster : 
46 Where and how to use type 68 Setting up a photoshoot 
56 Getting the cover right In the age of digital photography, anyone can 


get results quickly. We look at the pros and 
cons of the professional and DIY approaches 


62 Colours and special finishes 
74 Preparing files for print 


82 Magazines online 


FEATURES Getting your mag on the Web isn't just a case 

08 The art of flatplanning of uploading all your print data. We show you 
how to impress a worldwide online audience 

68 How to conduct a photoshoot 

82 Getting your mag on the Web 88 Perfect printing 

88 Printing: getting the best results ; ge ' 

. There's more to printing than just rolling the 

94 Book reviews presses. Read our feature to discover all the 
services your printer has to offer 

COMPETITION 

ADOBE 

31 Win InDesign 2 and Elements 2 

REGULARS 

07 CD contents 

54 Special subscription offer 

81 Subscribe to CAS “ 

96 Back issues Photoshoots should be tailored 2 

98 N ext issue to your own particular needs. 


Find out how to get the right 
results in our feature starting 
on page 68 
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FULL PROJECT 


From planning to printing: follow our step-by-step guide 
to creating a magazine or brochure from scratch 


DESIGNING A MAGAZINE 


SECTION ONE 
16 Template design 


We begin our fictitious magazine, Studio, by 
showing you how to set up a template in 
InDesign and add elements to master pages 


SECTION TWO 


24 Style and colour 

Next, set up style sheets for characters and 
paragraphs, and brighten up your pages by 
creating and using colour swatches 


SECTION THREE 
$2 Picture perfect 


Choose how you want to illustrate your mag, 
then convert, import and modify the images 
in Elements, Canvas 8 and InDesign 


SECTION FOUR 


40 Organise your work 


Set up a good admin system for your files and 
folders. And organise your images into 
contact sheets in Photoshop Elements 
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SECTION FIVE 
46 Type styles 


Pick fonts that are suitable for your target 
audience, and consider justification, kerning, 
leading and navigation devices 


SECTION SIX 
96 Designing the cover 


Create your regular cover elements, choose an 
image, position and style up your coverlines, 
and check everything on a colour proof 


SECTION SEVEN 


62 Special finishes 


If your budget allows, you could use special 
finishes on your cover, like spot colours, 
metallics and varnishes 


SECTION EIGHT 
74 Preparing for print 


Thoroughly check your final pages before 
using /nDesign’s Preflight feature to package 
documents or create PDF files for print 


We'll show you how to design and layout a 
magazine from start to finish. Starting on p16 
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Subscriptions — page 81 
Future Publishing Ltd, FREEPOST, BS4900, Somerton, 
Somerset, TAT] 7B 

[t] Customer hotline: 0870 444 8455 
[f] 01458 271 146 

[e] ca.subs@futurenet.co.uk 


Editorial [t] 01225 442 244 
Gillian Roach editor 

[e] gillian.roach@futurenet.co.uk 
Ashley Young acting production editor 
[e] casproduction@futurenet.co.uk 
Matthew Harvey art editor 

[e] matthew.harvey@futurenet.co.uk 
Matt Gallimore CD editor 

[e] matt. gallimore@futurenet.co.uk 


Joseph Russ CD editor 
[e] joseph.russ@futurenet.co.uk 


CD problems [t] 01225 822 743 
Technical support: ca.support@futurenet.co.uk 


Contributors 
Cover: Jason Cook 
Illustrations: Martin Fewell, Rob Hooper, Prevamp, Sean Rodwell. Kerry Roper 


Editorial: Tom Ang, Dylan Channon, Christian Darkin, Craig Grannell, David Howell 
and Garrick Webster 


Printed at: TPL Printers (UK) Ltd. 


InDesign 2 


Use Adobe's professional magazine layout 
and design application to follow our full 
project to creating a magazine. Your tutorial 
begins on page 16 


Canvas 8 


Deneba’s drawing environment is a useful 
all-rounder. We use it on page 34 to convert 
images to CMYK, but you can use this demo 
for any number of illustration techniques 


SOFTWARE >» 


All the programs you need to create your own publication from scratch... 


DUAL DEMO 


Photoshop Elements 2 


Adobe's powerful image-editing tool is an 
easy way to modify images. It’s also a useful 
tool for creating contact sheets to print out 


or email — see page 44 


Tony Marshall classified sales executive 
[e] tony.marshall@futurenet.co.uk 


Production 
Katty Pigott production coordinator 


Overseas licensing [t] 01225 442 244 
[e] simon.wear@futurenet.co.uk 01225 442 244 


Contact 

Computer Arts Special, Future Publishing, 

30 Monmouth Street, Bath BAI 2BW [t] 01225 442 244 
[f] 01225 732 295 [i] ISDN: 01225 789 293 

[w] www.computerarts.co.uk 


Management 

Sheena Pittaway publisher 

John Weir publishing director 

Colin Morrison chief managing director 
Steve Jarratt group senior editor 


Advertising [t] 01225 442 244 
Rob Wittmaak senior portfolio ad manager 
[e] rob.wittmaak@futurenet.co.uk 

Bryony Watts senior account executive 

[e] bryony.watts@futurenet.co.uk 

Andrew Healy senior account executive 
[e] andrew.healy@futurenet.co.uk 

Lee Rossiter senior account executive 

[e] lee.rossiter@futurenet.co.uk 


Distribution 

Seymour Distribution, 86 Newman St, London WIT 3EX 
[t] 0207 396 8000 

Jamie Malley circulation manager 

[e] jamie.malley@futurenet.co.uk 


Tutorial files 


Our cover CD also contains some 


reference and admin documents 
that are essential to your 
magazine production process 


The Future Network 

Roger Parry non-executive chairman 

Greg Ingham chief executive 

Colin Morrison ceo and managing director, UK 

John Bowman group finance director 
All rights reserved. All trademarks and copyrights in this issue are 
recognised, and are acknowledged where possible. lf we have 
failed to credit your copyright then do please contact us — we'll 

smnaa to pesiee happily correct any oversight. Any material submitted is accepted 
on the basis of a worldwide right to publish in printed or electronic form — be sure 
to clearly label all discs. All contents 


© Future Publishing Ltd part of The Future Network plc, which has offices in Bath, 
London, Milan, New York, Paris, San Francisco and Wroclaw. 


Future Publishing Ltd is part of The Future Network plc 
The Future Network produces carefully targeted specialist 
magazines and Websites for groups of people who share a 
passion. We aim to satisfy their passion by creating titles that 


offer superb value for money. Today we publish more than 80 
magazines and over 30 magazine Websites and networks from 


Mack wth pans 


offices in five countries. The company also licenses 32 titles resulting in over 60 
local editions in 23 countries 

The Future Network plc is a public company quoted on the London Stock Exchange 
(symbol: FNET).- Non-executive Chairman: Roger Parry Chief Executive: Greg 
Ingham * Group Finance Director: John Bowman - Tel +44 1225 442244 - 

www thefuturenetwork.plc.uk - Bath London Los Angeles Milan New York Paris San 
Francisco Wroclaw 


Computer Arts Special is a member of the Audit Bureau of 
Circulations Jan-Dec 2002: 21,285 
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The art of flatolanning 


Magazine production takes planning and organisation. Your flatplan is central to this 
process, and will dictate how readers use and interact with your magazine... 


iA, 


eature lists, article outlines, draft copy, 
images and laid out pages are all items that 
will appear on your desk when putting 
together a magazine or brochure. However, 
no document is more important in the design and 
production process than the flatplan. To many 
designers it may seem a mundane piece of stationery, 
but it’s the flatplan that dictates how your publication 
flows, how readers use it and interact with it, and 
ultimately how it’s designed. 
Atypical magazine is made up of a number of 


elements, each of which needs to be placed on the 
flatplan in logical places. First of all, you’ve got your 
‘ews’ — news, interviews, previews and reviews — 
which constitute the staple content of consumer 
magazines like film and computing titles. Then there 
are features. These generally come in four varieties: 


fy Poe 


large cover-worthy features, which are the meat of any 
magazine; regular features like columns or humour 
spots, which appear every issue like furniture 
throughout the magazine; tutorials or projects, which 
give readers some sort of instructional content; and 
picture stories of the kind you’ll find in anything from 
Hello-esque publications to extreme snowboarding 
magazines and on to high-style publications like 
Wallpaper. Finally, there are what you might call 
‘standard’ magazine pages. These include the contents 
pages, the editor's column, ‘meet the team’ pages, 
letters, subscription offers, possibly Q&A or other 
reader-devoted areas, and the next month page. 

This final category often seems the most tedious to 
magazine staff, but these pages are actually some of 
the most important. They determine how the reader 


interacts with the publication. Contents pages tell the > 
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Cross Stitcher magazine is a title that 
thrives on projects and reader 
interaction. Therefore the early 
sections of the magazine are 
dominated by letters and other 

forms of reader input. 


DAW Showguide 


reader what's inside and where to find it. The editor's 
column and ‘meet the team’ pages add faces and 
personality. Subscription pages invite the reader to 
benefit by making a commitment to the title in the long 
term, and letters and Q&A pages encourage 
community by enabling readers to communicate with 
the mag itself, as well as other readers. 


The recipe for success 


If what we've listed above can be called the ingredients 
of a publication, it’s the flatplan (a veritable map of the 


Issue: DEADLINES PAGE COUNTS 

Copy: 30/09/2002 Editorial are 
03/1002 House ad 
23/09/2002 : ayes 
27/09/2002 


Cover: 
Version: 7 Final: 
Date: 25/09/2002 onsale: 


The nuts and bolts 
of flatolanning 


‘Inthe main body of this feature we've covered 
the kinds of content a magazine can contain 

: and how best to flatplan it. But there are 
plenty of other issues that go into the 
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The flatplan document 

Most magazines present the flatplan in a visual format, using a 
QuarkXPress document or Microsoft Excel. For simplicity’s 
sake, just one person ought to be in charge of the flatplan and 
needs to referto the flatplan in orderto do their job — the 
editorial team, the advertising team and production co- 
ordinators — is given the latest copy when it’s produced. The 
most important thing to remember when changing the flatplan 
is to update the version number and date. Many’s the time that 
multiple versions of a flatplan all with the same version 
number have caused mass confusion. 


magazine’s spreads) that turns them into a recipe. 
Naturally, every magazine starts with a cover. This is 
the most important page in terms of both design and 
copyrighting. It’s not only the medium through which 
the magazine is marketed, but by design it ought to tell 
its intended readership to pick it up, and through its 
words it should communicate what the magazine is 
about in general as well as what's inside that particular 
issue. In most quality magazines, the cover is printed 
separately on a different paper stock and therefore sits 
in its own four-page print section at the top of the 
flatplan document. The other three pages are often 
sold as prime advertising space, but particularly visual 
or high-class magazines will use the rest of the cover 
section for branding exercises or as a place to run their 
best picture stories or other exhibition-worthy visuals 
that readers will appreciate seeing up front. Very 
rarely, contents or an editorial column will appear on 
the inside front cover. 

After the cover, a basic flatplan moves onto the 
contents pages. An editorial and a ‘meet the team’ or 
contributors page will usually appear near the front of 
the magazine, though if it’s split into very defined 
sections, each with its own editor, these people might 
be introduced to readers on section intros further into 
the magazine. Computer Arts, for instance, does this 
with its Reviews section, where you're introduced to 
the irrepressible Mr Robert Carney! 


Early hits 


Celebrity mags and those of a particularly visual 
nature are prone to hitting readers with stunning or 
‘glamorous’ imagery in the early pages. Picture 
stories are nice to run at the front of the magazine as 


Advertising 
Advertising, like small fesnines, i usedto rah partles 


your ads to appeartowards the front of the magazine. It's se 
worthwhile positioning as many ads on right-hand E 
possible — left-hand pages are nearly impossible 
days. Make sure you know how many ads your sales il 
page spreads they need, and if they need any special positions 
Sei sisiooa rales ithere are special positions, 


thy tir. hales, quarts eighhsor whatever. 
Prepared.to supply specs to the advertisers and to combine 
small ads with yourlayouts ifnecessary. 


CROSS STITCHER 


Cross Stitcher also thrives on hands-on stitching projects, 
which are scattered throughout the rest of the magazine. 


they're an opportunity to inspire and please readers 
before moving on to the news section. 

Most magazine editors these days agree that news 
should logically appear early in the magazine. 
Chronologically it makes sense for it to run early as 
it’s meant to cover what's new. By nature it’s bitty and 
therefore news is a great place for readers to dip into 
things that interest them before committing to 
reading bigger articles later on. News sections often 
have their own mini-flatplans assembled by news 
editors, and the classic running order of news is to 
have the most important story first, followed by 
medium-size stories broken up with regularnews > 


Production sections 

We've mentioned that covers are usually printed as separate 
sections. The rest of the magazine will also be printed in 
sections, which should be represented on the flatplan. Printers 
usually break the job into 32-, 16- or 8-page sections. Small 
sections are sandwiched between big ones to make binding 
more effective. So if your mag is going to be 76 pages, you'll 
have a 4-page cover section at the top, a 32-page section, 
followed by an 8-page section and then another 32-page 
section on your flatplan. 


The intricacies of a flatolan 


How a magazine flows is very dependent on its content. Here’s a 
breakdown of how the new media design magazine Cre@teOnline 
was flatplanned, together with the extra information supplied on 


the flatplan document... 


Issue, version 
and date area 


Deadlines 

Page counts 
Cover section 
Contents pages 
Visual intro spread 


News 


PAGE COUNTS 


INES 
21/11/2002 Editorial 79.25 


26/11/2002 House ads 
28/11/2002 Advertising’ § 14.25 
17/12/2002 Classified 


Cover feature opener 


Section 3 


Behind-the-scenes - 


opener 


Masterclass opener 


Binding 

How your magazine is to be bound will determine how you 
flatplan it. Most quality publications are perfect bound, which 
means the paper is guillotined to page size then glued down 
the spine, which is glued to the cover. If it’s under 100 pages, it 
may well be saddle-stitched (stapled down the centre) in which 
case it'll be guillotined down to spreads, which are then folded 
and stapled. Printers will want you to flatplan differently for 
this type of binding. (See the gameSTATE flatplan on page 12.) 
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gameSTATE, a publication for 
computer game developers, 
only has 44 pages per issue, 
including the covers. It's bound 
with saddle-stitching, so the 
flatplan takes a different 
format with page numbers 
going down the left, then up 
again on the right. This helps 
the printers set up their 
machinery correctly. 


gameSTATE 


__Notes for production: 


Section 1 


} On sale: 


slots and snippets columns (which are laid-out in the 
same way every issue and become called ‘page 
furniture’). The nature of news is changing though. 
Thanks to the Internet, magazine news can be out of 
date before the magazine has even been printed. So 
these days news is being replaced by reportage 
sections, or news analysis, which are still bitty but 
try to offer something that is either fun, frivolous or 
just plain interesting, or more analytical and 
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Issue: 01 DEADLINES 


March 2003 Copy: 
03/03/2003 Cover: 


Version: Final: 
Date: 3 Lino: 


PAGE COUNTS 
07/02/2003 Editorial 37.00 
13/02/2003 House ads 0 
14/02/2003 Advertising’ 7.00 
14/02/2003 Classified 0 


Total 44 
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flatplan — like gatefold covers ora centrefold — thatthe | 
correct specs are given to he designers and that this is 
double-checked. There's nothing worse than having tore- 


produce a layout with 10mm less space per side of paper than : 


you thought you had. And the time ittakes to re-design 
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opinionated articles. It's no longer a matter of just- 
the-facts-ma’am. 

American magazines and ones that consider their 
content to be worthy usually have their letters pages 
very early on, like the Economist. However, most 
magazine editors flatplan letters in locations where 
they think they'll get the most response. Sometimes 
that’s just after the news section. In other instances it 
can be just before the reviews section so readers can 
talk about things they've seen and liked in response to 
previous issues before going on to read what the 
writers think of new products or releases. 


Breaking things up 

In a typical magazine, the main features start about 
one third of the way in. Big stories can be broken up 
with shorter or more pictorial or practical ones. The 
nature of a feature can affect where it sits ona flatplan. 
If your magazine has tips features, these can be used 
to split up longer articles that are presented as straight 
prose. Some editors like to slot in the subs page right 
after whatever they think is their most valuable feature. 
The logic is that if readers get a buzz out of reading a 
feature, they'll be softened up and more susceptible to 
a money-off offer, or free gift, along with six or twelve 
months’ worth of your publication. 

Unless your magazine is reviews-led, reviews tend 
to appear towards the back. As well as reviewing the 
biggest new products and/or releases for whatever 
market you're in, reviews may thrive on round-ups and 
maybe even the odd opinion piece by one of your 
reviewers. Product-based magazines can also benefit 
from having a buyer’s guide at the end of the reviews 
section containing authoritative product listings and 


the ratings your magazine has handed out. Q&As and 
other bits and pieces can be placed towards the back, 
along with other regular features. 

The page facing the inside back cover is considered 
avery important flatplan position. The reason for this is 
to do with how people browse magazines in the shop. 
Many start with the cover then just flick-n-dip. 
Logical-minded folk go to the contents page and find 
what they’re looking for there. However, lots of punters 
start flicking from the back. So the inside back page 
can be used for something definitive about your 
magazine — something funny, something opinionated, 
something cool. Whatever it is, it has to effectively 
make people keep flicking back through the magazine 
and hopefully buy it. Occasionally editors put their 
next issue page at the back. The argument for this is 
that if the person browsing the mag didn't find anything 
they like in the current issue, they might spot 
something due for the next one that will make them 
look out for it. 

No matter what subject your publication covers, 
your flatplan is what you use to control the pacing of 
the content. And pacing itself can be used to make a 
comment about the kind of magazine you run. Big 
chunks of text should be broken up with smaller ones 
that people can dip into. The more readers dip, the 
more likely they are to read a longer article too. And 
then you've got them hooked. 

Some editors wish to make their publication feel 
like a resource that readers can keep, like a book. To 
do this you can flatplan a section that feels relatively 
packed compared to the rest of the magazine. So a 
practical magazine might put all its tutorials, tips and 
Q&As together in a packed practical section that forms 
the meat of the mag. 
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You can also use flatplanning to surprise readers or 
make a statement to them. Boost the importance of a 
particularly great cover story by sometimes putting it 
right at the front. Or you can hide something esoteric 
and interesting at the back somewhere. Readers whom 
it appeals to will discover it there like a nugget of extra- 
valuable information that they didn't expect. 
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This is the Digital Camera 
Magazine flatplan. Though 
colour coding isn’t 
particularly prevalent with 
this flatplan, it is a device you 
canuse to help communicate 
the function of pages more 
visually to your team. 
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Windows’. Mac'‘OS. Palm”. 
Yes, we can all get along. 


Easily and reliably exchange, open and print documents,presentations and proposals 
created on any platform, in any program. Really. Adobe Acrobat. 
Create an Adobe PDF and do more with your documents. (Platform Compatibility) 


For further details visit: www.adobe.co.uk/acrobat 


® 2003 Adobe Systems Incorporated, All rights reserved. Adobe, the Adobe logo, Acrobat and Tools for the New Work are either registered trademarks or trademarks of Adobe Systems Incorporated in 


the United States and/or other countries 
Mac is a trademark of Apple Computer, Inc., registered in 


the United States and other countries. Palm is a registered trademark of Palm, Inc.Windows is either a registered trademark or a trademark of Microsoft Corporation in the United States and/or other countries 


Acrobat 6.0 
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Magazine 


Your journey begins here. Our step-by-step guide to creating a stylish, fictitious 
magazine spans 52 pages. Here’s a quick tour of what lies ahead... 


p16 SECTION ONE p40 SECTION FOUR 
Designing a magazine Work faster — and get organised 
Welcome to the world of publishing. Begin by Organising a coherent naming system for files and 
creating templates, libraries and master pages folders, and setting up job bags, benefits everyone 
p24 SECTION TWO p46 SECTION FIVE 
Style and colour Where and how to use fonts 
Start to build the look of your publication by setting We take the stress out of choosing and using fonts, and 
up style sheets and creating a colour palette explain justification, leading and kerning 
p32 SECTION THREE p56 SECTION SIX 
Making your pictures work Getting the cover right 
Shop around for the right images for your We show you everything you need to know to create 
readership, and make them look great an award-winning cover 


p62 SECTION SEVEN 
Using special finishes 


If your budget allows, use a fifth colour or spot varnish 
to ensure your magazine stands out on the shelves 


074 SECTION EIGHT 
Preparing files for print 


Successfully deliver your files to the 
printer, and your magazine or brochure 
will soon be ready for distribution > 
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SECTION ONE 
Designing 
a magazine 


Ever wanted to produce your own magazine? 
Well, now’s your chance. We show you how 
the entire magazine production process 
works, from setting up templates to 
preparing files for the printers... 


f your previous experience of designing for print has been single-page 
products or packaging, designing a multi-page publication from scratch 
might seem a little daunting. And to be honest, it is, but that shouldn't stop 
! you giving it a try. 

Over the following pages, we give you all the practical advice and inside knowledge 
you need to turn yourself into a publishing pro. And as if that weren't enough, we also 
supply you with all the software you need to do it — just see our cover CD. 

We start by offering some knowledge on creating page grids and master pages, and 
show you how to use style sheets, swatches and libraries to help keep your publication 
consistent and smooth running. 

Next up, we've got some great suggestions for working with colour, images and 
typography, and tell you what you should bear in mind when you finally get your hands on 
the cover. We round things off by 
showing you some special touches 
you can add to your publication and 
then explain how to supply 
everything to the printers. 

So come on, create your own 
magazine from scratch by following 
the steps taken to produce our 
fictitious publication, Studio. 

The first job is to plan the layout 
and design of your publication in 
our /nDesign tutorial over the page. 
Here we show you how to create 
page templates, libraries and 
multiple-page documents. > 


to support these 


rials in the Tutorial 
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Part 1: Setting preferences 


Begin by making sure /nDesign looks and feels how you want it to... 


aie Before you start creating any pages, set some 
preferences. Choose Edit>Preferences> 
General to open the options. Any changes you 
make in the Preferences dialog box without having 
a document open will be applied globally to any 
further new files you create. 


fe Most of the default preferences can be left as 
they are, but the first one to change is under 
the Units & Increments tab. Change the Horizontal 
and Vertical Ruler Units to millimetres and the 
Cursor Key setting to 0.5mm. 


|__| 
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g Check you're happy with the colour settings in 
the Grids and Guides options. The default 
magenta and violet settings for the page margins 
can be a little harsh on the eyes after working on a 
document for a while, and this could detract from 
your design. 


Part 2: Creating your basic template 


Before you create any multi-page documents, you need to make a basic page template 
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Margins 


rt) Choose File>New Document and set your 
basic page size, margins and columns. Our 
fictitious magazine Studio is A4, but the Page Size 
menu also gives you a list of other pre-set document 
sizes so you can enter a custom size if your 
publication is an unusual size. 
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y Next, you need to set some margins and 
columns. Set all our margins to 15mm with the 
exception of the inside margin, which should be set 
to 20mm. This is important because when your 
publication is printed and bound, a small amount of 
the page will disappear into the fold — adding 3- 
5mm extra to your inside margin should 
compensate for this. 


You now need to set your columns. We've 
3 | used a seven-column grid with a 4mm gutter. 
Seven columns may seem like a lot, but this will 
eventually give us a three-column grid with a 
narrower ‘bastard’ column on the edge of each 
page. You'll read more about this in Section Five on 
page 50. Finally, click OK and save your document. 


Part 3: Adding the common page elements 


Now you've got a physical page, add some common elements... 


Duplicate 
Delete Spread 
Select Uniesed Munters 
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Apply Master to Pages. 
Remove Ab neal Ovaries 
Save as Master 

Getech A Objects Fron Master 


Setting up master pages will simplify building 
your documents and features — you won't 
have to manually add common page elements to 
every page you create. Open the Pages palette by 


oF feet 
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Here's how to create a master spread. In the 
New Master dialog box, choose a prefix and 


give the master spread an obvious name. Good 


Remave Alcea Svernides 
Save es Master 
Detech Al Objects Fran Master 


Kees Spread Together 


3 You'll now see that /nDesign has added your 
master page to the top section of the page's 


admin is important at this stage — get into good 
habits early on before your documents grow and 
you generate more master pages. 


palette. Delete the other default master pages by 
highlighting them and choosing Delete Master 
Spreads from the Pages palette menu. 


choosing Window>Pages, then from the Pages 
palette choose New Master. 


Using templates 


Saving your master pages as an 
InDesign template creates a file 
which, when subsequently 
opened, will automatically opena 
duplicate of the original. This 
ensures that you can never 
accidentally save over your 
original master design. When 
saving a document, choose 
InDesign Template from the menu 
at the foot of the Save dialog. 


Page numbering 


When you create a style for your 
page numbers on the master 
page, make sure you allow 
enough space for your highest 
page number. For example, if your 
page number appears ina box 
and your highest page number is 
three figures, ensure that the box 
can accommodate them. 


4 | Now you've created your basic master page 
you can start to add some elements. Double- 
click on the new Master Spread you've created; any 
items you now add to this master can easily be 
applied to create a multi-page document. 
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Continue to add all the other common 
elements you want to include on your master 
spread. Depending how similar or dissimilar each of 
the pages in your publication is going to be, you 
may want to limit the number of elements on the 
master. Bear in mind that from the reader's point of 
view, common elements on pages help navigation, 
so at the very least make sure that things like page 
numbers and section titles are standard throughout. 


q 

First, add the folios — this is the publishing term 
for the page numbers. Create a basic text box 

and key in the details you want to have in your folio, 

in this case the magazine name and issue month. 

For the time being just put an X where you want the 

page number to appear. 


8 | When adding elements that you want to bleed 
off the edge of the page, it's important to 
remember that they should bleed by at least 3mm. 
(This is to allow for some movement when the 
printer trims the pages.) Drag some page guides off 
the rulers and place them 3mm outside all the edges 
of the master page to give you a guide. Any guides 
you add to a master page will be retained when you 
use the master to create your document. 


tl 
G Now you need to create an automatic page 
number so that /nDesign will re-number the 
pages as you add and reshuffle them in your 
document. Highlight the X with the Text tool, and 
choose Type>!nsert Special Character>Auto Page 
Number. As we prefixed our master page name 
with A, that's how the page number on the master 
page will appear. 


9 | If at any point you want to change the margin 
or column guides you specified when you first 
created the document, choose Layout>Margins and 
Columns to amend them. 


Part 4: Duplicating and managing master pages 


Too few masters may limit your design. Here's how to create multiple master pages... 


To create additional master pages just repeat 

the previous process. However, it may be 
easier once you've established your original to just 
duplicate it and make small changes. Highlight the 
master you want to duplicate and choose Duplicate 
Master Spread from the Pages palette menu. 


Make sure once you've duplicated the master 

that you choose Master Options from the 
Pages palette menu and give it a proper name. 
InDesign will just add ‘copy’ to the end of the 
original file name you duplicated. 


eae 


Once you've created all your master pages, 
choose Palette Options from the Page palette 
menu. Here you can alter the way you view your 
master pages, change the size of the icons and 
generally fine-tune the palette's presentation. > 
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Part 5: Creating multi-page documents 


Use the master pages you've prepared to create your magazine's features... 


rt | For greater flexibility in creating your 
document from master pages, choose 
File>Document Setup and uncheck Facing Pages. 
This'll leave you free to organise your pages without 
being constrained by /nDesign’s over complicated 
pagination system. 


To add pages to your document, simply drag 

master pages from the top pane of the Pages 
palette into the lower part. The icons give you a 
visual representation of your document, with the 
page number beneath each page. 


If you want to add a blank page to your 
document — say for an advert that may have to 
be dropped in later on — drag the master page called 
None into your Pages palette. This is InDesign's 
default blank master page, which can't be deleted 
from the master page list. 


Part 6: Numbering your pages and sections 


InDesign can take the headache out of numbering pages. Here's how... 


ag Unsurprisingly, by default your documents will 
start at page 1 and increase as you add more 
pages. Here we'll show you how to set the number 
of the first page, and /nDesign will renumber the 
rest automatically. Double-click on page 1 of your 
document and choose Numbering & Section 
Options from the Pages palette menu. 


Let's imagine that the feature you're creating 
starts on page 22. Check the option ‘Start 
Page Numbering at’ and key in 22. We'll come back 
to the other options later, but click OK now to 
preview the page numbering. 


Now jump a couple of page numbers to, for 

example, leave space for a double-page 
spread advert, and start the third spread of the 
document as page 28. Click ‘Start Page Numbering 
at’, and enter 28. 


You can add as many section starts to your 
document as you wish. Just go to another 
page of the document and choose Numbering & 
Section Options from the Pages palette menu again. 
The New Section dialog appears. 


i 


| 
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Go back to page 1 and choose the Numbering 
& Section Options from the Pages palette 
menu again. If you want to, you can also add a 
prefix to the page number, such as A, B, C and so 


on. Here we've added the hash symbol as a prefix to 
our page number. 


As you can now see in the Pages palette, the 
G page numbers jump from 25 to 28 based on 
your instructions. The small black arrows above 
page 22 and 28 indicate a section start. To remove a 
section start, simply go back to the Numbering & 
Section Options and uncheck Start Section. 


Now you can experiment with adding and 

rearranging pages in your documents, as well 
as adding pages to your document by using master 
pages. You can also duplicate pages within your 
document. Highlight the page you want to 
duplicate and choose Duplicate Page or Spread from 
the Pages palette. 


8 | Another way of adding pages to your 
documents is to choose Insert Pages from the 
Pages palette. Here you can insert any number of 
pages within your document using any of your 
master pages. 


Finally, if you find that one of your pages 
would be handy to save as a master page for 
later use, highlight the page and choose Save As 
Master from the Pages palette — it'll then be 
added to your master pages in the top pane of the 
Pages palette. 


Part 7: Creating and using object libraries 


InDesign’s libraries are an ideal way of filing and using regular page items... 


To create a new library file, choose 

File>New>Library. You'll immediately be asked 
to save the library. Library files are saved with the 
file extension .indl, but it's always worth using the 
word Library or Lib in the file name. 


t goes here 
« text goes 
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Double-click on your new library item to bring 

up its Information dialog box. The first thing to 
do is give it an obvious name, and also specify its 
Type from the drop-down list. This'll help when you 
need to search for specific types of library item as 
your library grows. 


P= ll 

The Library palette will appear on your 
desktop. At the moment, it's empty, so let's 

look at the different ways you can add objects to 

your library file. 
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5 | The next thing to do is take the time to give 
the item a description. Again, this is important 
admin because it'll make it easier to search your 
library as it grows in size. Always try to think 
logically because it may not always be you who has 
to use the library in the future. 
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The easiest way to add an item or groups of 

items to your library is to select them on your 
page and drag them directly onto the Library 
palette. Here we've dragged the page folio we 
created earlier from our master page. New library 
items are called ‘Untitled’ by default. 


G An alternative way of adding items to your 
library is to select the item or group of items 
and select Add Item from your Library palette menu. 
You can add single items, groups or multiple 
selections by holding down the Shift key and 
selecting multiple objects. > 
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Creating and using object libraries continued... 


Sharing libraries 


You can easily share libraries 
with other people just by sending 
them the library file (.indl), but 
bear in mind they'tlalso need any 
fonts used when creating the 
library items and any images 
linked to them. 
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We've added a few common page elements to 


8 | To search file names or keywords in your 


library objects, choose Show Subset from your 9 | You can create and open as many libraries as 
our library, so let's look at how to search and Library palette menu. Choose the fields you want to your system memory will allow, and it's easy to 
organise it. The default view for a library is to show search and enter a keyword — the results will be share objects between different libraries. To do this, 
thumbnails of its contents. Use the Library palette shown in the Library window. To reveal the rest of open two separate libraries. Here we've opened the 
menu to toggle between the thumbnail view and your hidden library items, again choose Show All empty library ‘Studio Pictures’. Drag its menu tab 
the list view shown here. from the Library palette menu. away to open the two libraries in different palettes. 
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Headline and Strap 
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It's just as easy to ‘move’ objects from one 


library to another. Just drag and drop them To delete items from your library, highlight the 
It's easy to copy objects from one library to between the palette windows, this time holding item and choose Delete Item or click the trash 
another — just drag and drop between the down the Alt key (Windows) or Option key (Mac). icon at the foot of the Library palette. Deleting an 
palettes. All the item's information, like file name The item is automatically deleted from the original object has no effect on instances of it you have 
and description, is also copied with the object. source library. already placed on pages. 


Part 8: Adding library objects to your page 


If you thought creating libraries was easy, using them is child's play... 


Be eacine ax svn 
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The simplest way of adding an object from a f 
library to your page is to drag it from the — - 

Library palette onto your document. If the object An alternative way of adding an object is to 

was grouped when it was added, it'll appear like 


that when you place it. choose Place Item from the Library palette menu. add the amended object in the usual way. EEE 


Unfortunately, there's no way of making 
changes to a library object. Instead, you'll need 

to place it on your document, make any changes 

select the item in the Library palette and you want, delete the original library object and then 
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Breathtaking, thrilling, stimulating, exciting and sexy. 


Think you can handle it? 


Book now to avoid disappointment. 
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Creating style 
and adding colour 


Now you've got a basic plan for your magazine 
go ahead and determine type styles and colour... 


nany magazine designer's 
toolbox you'll find a bunch of 
fonts and colours associated 
with the project in hand. 

It's important to find a style that 
represents your magazine project and 


stick to it. Decide which font you'll use 
for headlines, straps, captions and 
quotes, and create style sheets for these. 
This means that the look of your 
magazine will stay consistent 
throughout. Do the same with colours. > 
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Part 1: Creating a basic style sheet 


Style sheets are the best way of keeping your typography consistent... 


1 | First, choose Type>Character from the main 
InDesign navigation bar to reveal the 
Character and Paragraph Styles palette on your 
desktop. Both the Character and Paragraph palettes 
are combined but with separate tabs. 
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mag You'll be Pa with t the New PO Oca 
Style dialog box. Give your paragraph style an 
obvious name — complex documents could contain 
many styles so good admin is important when 
creating them. 
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Under the Biases Character Formats you 

can also specify horizontal and vertical scaling. 
Wherever possible use a condensed or extended 
font instead, but this is a handy feature if you 
don't have one. 


2 | Character and Paragraph Styles are almost 


identical: Character Styles contain information 
about the character, typeface, size and so on, 
whereas Paragraph Styles contain this information 
plus paragraph styling, justification and more. Here 
we'll concentrate on the latter. 
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G If you wish, you can add a keyboard shortcut 
to the style (we'll talk about applying styles 
with shortcuts later — see Part 6 on page 28). Here 
we've chosen a combination of the Control key and 
1 on the numeric keypad. Make sure Num Lock is 
turned on or this won't work. 
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8 | An important section of this dialog box is the 
Hyphenation options. We'll talk more about 
this in the typography section starting on page 46, 
but here's where you can at least turn hyphenation 
on or off, an important consideration especially with 
body copy. Turn it off for this particular style sheet. 
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3 | There are various ways of creating a style 
sheet. Here's the first. Make sure you have the 
Paragraph Styles tab highlighted and choose New 
Style from the Paragraph palette menu. 
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6 | Click the Basic Character Formats tab on the 
left; here you can add all the character 
information for your style, such as typeface, size, 
leading and tracking. 
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9 | That's how to create the most basic of styles. 
Now click OK and your new paragraph style 
will appear in the Paragraph palette. If you need to 
edit it again, highlight it and choose Style Options 
from the Paragraph palette menu. 


Part 2: Another way of making style sheets 


You can create a paragraph style sheet based on existing type... 


design consultancies that actively encourage it 


An easier and more visual way of creating style 

sheets is to style up some text on the page and 
then create a paragraph style sheet based on it 
Select some text and style it up on the page using 
the Character and Paragraph palette. 


highlight some of it with the Text tool and 


choose New Style from the Paragraph Styles palette 
menu. The New Styles dialog box appears as before. 


Once you're happy with the style of your text, 


As you can see from scrolling through the tabs, 

InDesign has based the style sheet on the text 
you've selected. This is a much more intuitive way 
of creating a paragraph style sheet. 


Part 3: Slightly different styles 


Basing new style sheets on existing styles... 
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6 You may want to create a paragraph style 
sheet that differs only slightly from an existing 
one — for example, just an italicised version. Choose 
New Style from the Paragraph palette menu. 
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Once again, give your style an obvious name, 
and under the Based On drop-down menu 

choose the existing style sheet on which you want 

to base your new one. 
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3 Now you can go into the Basic Character 
Formats tab and just change the appropriate 
attributes, in this case changing the font style to 
Italic to create our italic body copy style 


Part 4: Applying paragraph styles to your text 


How to change the style of a whole paragraph 


look at two design consultancies that actively encourage 
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1 | Applying paragraph styles to your text is easy: 
simply highlight the text box you want to style 
and click on your chosen style sheet. The text will 
instantly be styled to the attributes you set when 
you created the style sheet. 
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2 | Alternatively, you can highlight the text you 
want to style with the Type tool and click the 
paragraph style you want to apply. This will have 
the same effect, and because this is a paragraph 
style it applies it to all the text in the box, including 
the unselected text. We'll talk about styling 
individual items of text in the Character style sheet 
section in a moment. 
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Once a paragraph has been assigned a style, 

any changes to that style sheet will be reflected 
in the text on your page. When you're editing your 
style sheet click the Preview checkbox in the bottom 
left of the Style Options dialog to see how the 
changes affect your page. > 
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Part 5: Creating character style sheets 


You can create styles for characters rather than whole paragraphs... 
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Pia Paragraph styles are fine for styling entire 
paragraphs of text, but you can also create style 
sheets for styling individual text items. Highlight the 
Character Styles tab in the Styles palette. 
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4 | Under the Basic Character Formats tab you 
can again apply the text attributes you want. 
In this case, we've based the styles on our body 
copy paragraph style, but with a bold type style. 
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Character styles are created and managed in a 

similar way to paragraph styles. Choose New 
Style from the Character Styles palette menu and 
the New Character Style dialog box will appear. 


a raat ne er bn a 


Jit te pris sit va 
{huis te invercat ndscifns te? 
: — pro ain pod ivocare 


pesciens. an pitigs ihwocaris, at 


Click OK and the new style you've created will 
appear in the Character Styles palette. If you 


need to edit it again, just highlight it and select Style 


Options from the Character Styles palette menu. 
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The character styling options are similar to those 


in the Paragraph Styles options. Again, give your 
new character style sheet an obvious name and, if 
you want to, assign a keyboard shortcut. 
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G As with the paragraph style sheets, you can 
also create a style by first styling up some text 
on your page, selecting it with the Text tool, then 
choosing New Style from the Character Styles 
palette menu. The attributes of your selected text 
will automatically be added to the New Style dialog. 


Part 6: Applying character styles 


Using the style sheet you've just created... 
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cid To apply your newly created character style to 
text, simply use the Text tool to highlight the 
text you want to style. Then click on the style sheet 
you want to apply. Here we've used our Body 
Character Bold style to embolden the first few lines 
of our copy. 
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Altematively, you could use the keyboard 

shortcut you assigned to the style when you 
created it. Just highlight the text and press your 
keyboard combination — the effect is the same as 
the previous method. 
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Pe Finally on the subject of style sheets, it's 
possible to import them from other documents 
by simply choosing Load Character Styles from the 
Character Styles palette and locating the document 
from which you want to import styles. They'll 
automatically be added to your open document's 
styles list. This works for both character and 
paragraph styles. 


Part 7: Creating and managing colour swatches 


InDesign’s colour palettes work very much like ///ustrator and Photoshop's, but nothing like Quark’s... 


Sharing colour 


You can share colour swatches 
between documents by simply 
dragging the swatch from one to 
another, or by dragging an item 
coloured with that swatch. Also, 
when you add items from your 
library, any colour swatches used 
in them will be added to the 
current document's swatch library. 


Keeping a 
colour library 


When your magazine comes back 
from the printers, keep a file 
copy with the CMYK values 
scribbled on it of any colours that 
work well. By doing this you 
avoid having to dig out and open 
the original document 
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y Use /nDesign's Colour Swatch palette to keep 
track of your publication's frequently used 
colours and gradients. To open it, choose 
Window>Swatches from the main /nDesign 
navigation bar. 
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The default colour mode for a new swatch is 
CMYK, and that's what we'll use here. 
InDesign automatically names the swatch for you 
based on its CMYK values. If you'd prefer to use 
your own name, uncheck the ‘Name with Colour 

Value’ box and key in your own. 
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7 Another way of adding a colour swatch is to 
‘sample’ a colour from an item already on the 
page. To do this, choose the Eyedropper from the 
InDesign toolbox and click on the colour you want 
to sample. Here we're sampling the green colour 
from the margin box. 
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2 Take a minute to experiment with the different 
ways you can view the swatches. You can 
choose to view by name or by different sized icons. 
The various view options can be accessed via the 


Swatches palette menu. 
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G Now you can mix the colours you want, using 
the sliders or by keying CMYK values into the 
percentage boxes. It's a good idea to get a CMYK 
tint book to help you here as the screen colours 
rarely match the final printed version. Or you could 
refer to our tint chart on page 65. 
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8 | Open the colour palette by choosing 
Window>Colour. The CMYK values for the 
colour you've just sampled will appear. Drag the 
colour's small colour swatch from the Colours 
palette into the Swatch palette, named as per its 
CMYK value. To rename it, double-click on it. 
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og To add a new swatch to the palette, choose 
New Swatch from the Swatches palette menu. 
You'll then be presented with the New Colour 
Swatch mixer. 
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G Once you've mixed your colour, click OK and 
your new swatch will appear in the Swatches 
palette. To edit your swatch further, either double- 
click on it or choose Swatch Options from the 
Swatches palette menu. 
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9 | You can also sample colour from any pictures 
or graphics you've placed on your page by 
using the Eyedropper to click on the area you wish 
to sample. Here we've added a colour swatch based 
on the woman's skin tones. > 
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Part 8: Applying colour swatches to page elements 


Using colour swatches to introduce colour to your pages... 


All that glitters... 


To create a good-looking four- 
colour process gold that won't 
look brown, start by setting your 
yellow value depending on how 
dark you want it. Then add half 
the amount of cyan and magenta. 
For example, 60% yellow, 30% 
cyan and 30% magenta. 


inwocabunt, 


jenn qui requirunt | 


inveniunt eum) 


To apply a colour from your swatch, simply 
click it once or drag the swatch onto the 

page item. You don't have to have a page item 

selected to use the drag-and-drop method because 

InDesign will automatically colour whatever you 

drop a swatch onto. 


Once you've applied a swatch to an item, its 

tint value appears in the Colour palette. Click in 
the graduated bar at the bottom of the Colour 
palette or use the slider to select and apply a tint of 
the swatch. 


Having covered the basics of adding swatches, 

let's look at how you apply them to page 
elements. First, select the item you want to colour 
with your swatch - in this case, the background of 
the margin box. 


So far we've concentrated on filling objects, 
but you can also apply swatches to strokes 

around objects as well. In the Colour palette select 

the stroke colour option (this is the outlined icon 

that appears down and to the right of the solid 

Fill icon). 


4 | If you prefer, you can add the tint you've 
created as a separate swatch. As before, 
simply drag the small colour swatch of the tint from 
the Colour palette into the Swatches palette. 
InDesign keeps the original swatch name plus adds 
the tint value, in this case 60 per cent. 


6 | To apply a swatch colour to a stroke, simply 
highlight the object then click or drag the 

swatch as before. To change the width of the stroke, 
choose Window>Stroke to open the Stroke palette. 
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As well as using the Swatch palette to store 

solid colours, you can use it to store gradients. 
Choose Window>Gradients to open the Gradient 
palette, click the small sliders either side of the 
gradient and assign them colour values via the 
Colour palette. 


8 | Once you're happy with your gradient, drag 
its swatch from the Gradient palette into the 
Swatch palette, double-click the swatch and give ita 
name. Apply the gradient swatch in the same way 
as we did with the solid colours. 


Finally, if you edit a swatch colour or gradient, 

any object you coloured with it will also 
change accordingly. Click the Preview checkbox 
when you're editing your swatch to see how it 
affects your document. 


Photoshop Elements 2.0 


Powerful yet easy-to-use image-editing software for print, e-mail, and the Web 
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Win Adobe InDesign and Elements 


Missing the essential software for page layout and design? Look no further... 


A his month we've partnered with Adobe to offer 
y | T you the chance to win a copy of InDesign 2.0 or 
\ Elements 2.0, with a combined value of £721. 

What are you waiting for? Just answer one easy 
question and enter our competition today. You never 
know, you could be designing your own magazine 
sooner than you think. 


First prize: Adobe InDesign 2.0 
InDesign 2.0 is the ultimate page layout tool from 
Adobe and it’s the software we've used to create our 
magazine Studio in the tutorials in this magazine. 
InDesign integrates tightly with Adobe Photoshop, 
Illustrator and Acrobat. Plus, it has a wealth of intuitive 
features that are ideal for all page layout designers. 

But it doesn't stop there. InDesign 2.0 also makes it 
easy to move beyond print, with built-in support for 
publishing pages anywhere — to Adobe Portable 
Document Format (PDF), as eBooks, on the Web and 
more. Additionally, InDesign 2.0 runs natively on Mac 
OS X and is compatible with Windows XP. 

InDesign 2.0 once again redefines page layout 
software with tools to inspire your creativity and 
simplify elaborate design tasks. Version 2.0 offers 


object transparency, long-document management 
options, one-step table creation, XML import and 
export, improved performance and more. 


Second prize: Adobe Elements 2.0 


Elements 2.0 offers the perfect combination of power 
and simplicity so you can do more with your photos. 
From quick corrections to creative editing, you can 
easily achieve high-quality results. 

Maybe you just bought a scanner and want to fix up 
some imperfect film photos you've converted to JPEG 
files. Or maybe you'd like to try enhancing your photos 
with special effects. Then Elements 2.0 is ideal. 


The Question 
What does the acronym PDF stand for? 


To Enter 


The easiest way to enter is via our Website at 

[w] www.computerarts.co.uk/competitions. Or you can 
click the Competition tag on the Contents screen of 
our cover CD, then enter CAS43 as the competition 
name, and fill in the rest of the form. Click Submit 
Entry. Alternatively, send your answer on a postcard, 


along with your address and a contact number to: 
CAS43 Competition, Computer Arts Special, 30 
Monmouth Street, Bath, BA1 2BW. Please indicate if 
you'd prefer the Mac or PC version of the software. 


The Rules 


The competition closing date is 15 April 2003. 
Employees of Adobe or Future Publishing, or any of 
their agents or families, may not enter. Multiple entries 
will not be accepted. The editor's decision is final. 
There are no cash alternatives. No other 
correspondence will be entered into. Please indicate 
if you do not wish any of the companies involved in 
this competition to contact you with further offers. 

We won't pass details on to third parties. This 
competition is open to UK residents only. 


Previous winners — issue 41 


Adobe Design Collection winner: Tor Varnell from 
North London. Photoshop 70 winners: Neal Andrews 
from Salford and Iveta Chuda from West London. 


Competition Adobe InDesign and Elements 31 
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‘SECTION THREE, 
Making your 
oictures work 


Every magazine needs pictures, but making 
them look great takes patience and skill... 


A he images you use in your identify with. For example, if your target 
i T magazine or brochure will set audience is people over 50 who are 
\ the tone of your publication, so interested in financial plans, choose 
choose them carefully. traditional pictures. Conversely, if your 
Think about who'll be reading it and audience is young, look at using some 
choose pictures that the reader will new photographic techniques. > 


Illustration: Rob Hooper [w] www-flamingpencil.com 
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Part 1: A few notes on resolution 


If you haven't created images for print before, you may need a hard drive upgrade... 


Royalty-free 
images 


If you're looking to buy stock 
images that you can use in more 
than one issue, look into buying 
royalty-free images. Royalty- 
free usually conjures up images 
of clip-art, but don't be put off. 
Many libraries, like Digital 
Vision, offer some great royalty- 
free images. You'll pay more for 
the image in the first instance, 
but over a period of time it'll be 


more economical. 


o Today's commercial printing demands high 
quality imagery, so the 72dpi images we know 
and love which work fine on the Web just won't cut 
it in magazines. Most print jobs require a file 
resolution of between 250 and 300dpi. 
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4 | With your 72dpi image open, select 
Image>Resize>Image Size. The image we 
have here is currently 72dpi and roughly A4 in size 


4 The two images of the woman's face above 
illustrate the difference. On the left is a 300dpi 
image and on the right is the same image at 72dpi. 
In the lower resolution example you lose detail, and 
any detail that is there is pixellated and certainly 
wouldn't be acceptable in your magazine. 
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5 | First, change the resolution to 300dpi. By 
default, Elements interpolates the image up in 
size, adding extra pixels. This isn't ideal, as the 
image will become grainy. 
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3 | To resample a 72dpi image in Photoshop 
Elements (demo on the cover CD) open your 
image by choosing File>Open and locating your file. 
Remember that while Elements will open CMYK 
files, it'll convert them to RGB as it does so. 
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To prevent this happening, uncheck the 
Resample Image checkbox. What Elements will 
do now is reduce the physical dimensions of the 
image, effectively increasing the resolution. The file 
size will remain the same, but the image will be 
much smaller on the page. 


Part 2: Converting images to CMYK 


Use our Canvas 8 demo to make your graphics CMYK... 


@ Saving greyscale or bitmap images from 
Elements is fine, but any colour graphics need 
to be converted to the CMYK colour space before 
we place them into /nDesign. Elements won't 
convert to CMYK, but the copy of Canvas 8 we've 
put on the cover disc will. Fire it up and choose 
File>Place to locate your image. 


& With your image on the page selected, choose 
Image>Mode>CMYK from the main Canvas 
navigation bar. Your image will now be converted 
from RGB to CMYK. 


3 | With your image now converted, choose 
File>Save As to save it. We'll be talking more 
later about the importance of CMYK, because 
although InDesign will let you import RGB files it 
could result in errors when your job is printed, such 
as colour images coming out in black and white. 


Part 3: Importing images 


There are a number of ways of getting images into /nDesign... 


a The easiest way to get a graphic on the page 
is to choose File>Place from the main 
InDesign navigation bar and locate your image. 
Choose your image and then click the crosshairs on 
your page to place it. 
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Alternatively, use the Rectangle Frame tool 


from the toolbox to draw a frame, then choose 


File>Place. This time the image will be constrained 


to the box you've drawn, which is probably the best 


method of controlling your images. 
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3 | Another way of getting an image onto your 
page is to physically drag it from your desktop 
directly onto the page. However, we wouldn't 
recommend this because you lose the control you 
have over placing files. 


Part 4: Controlling images on the page 


How to move and scale your graphics... 


Scaling images to 
save time and space 


Wherever possible, make sure 
you scale down any oversize 
pictures in your image editor 
rather than on the page in 
InDesign. Placing oversize 
images into your pages will 
create larger document sizes and 
unnecessarily increase the 
amount of data on your hard disk. 
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Once you've imported your image onto the 

page, the chances are you're going to want to 
crop, rotate or resize it. We've imported this image 
into a rectangle frame, but it's going to need some 
work to get it to look right. 


a Similarly, if you need to rotate your image, 
enter an angle value in the Transform dialog. 
We suggest that any rotating or skewing is done in 
your image editor before importing, but it's handy 
to have the option to do it here. 
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Go Using the Direct selection tool at the i right 


of the toolbox (the outlined arrow) you can 
move the image around within its bounding box. 
The red outline shows the image's actual 
dimensions, which the box has cropped out. 
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g To scale the image, open the Transform palette 
by choosing Window>Transform and entering 
percentage values in the horizontal and vertical scale 
boxes. Alternatively, grab the image's outer 
bounding box and use the Free Transform tool in 
the toolbox. 
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5 | If you find that the original rectangle into 
which you imported your image needs to be 
changed, choose the Selection tool in the top left of 
the toolbar (the solid arrow) and drag the sides of 
the image's bounding box to reveal more or less of 
the image it contains. 


G Finally, use the Object>Arrange option from 
the main /nDesign navigation bar to move 
your image to the front and back of the image. 
We've sent this image to the back to reveal our 
‘Homework’ headline. > 
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Part 5: Modifying images 


You can alter the way in which /nDesign displays your pictures... 


You can choose the way in which /nDesign 

previews your images. Simply right-click on 
the image and go to the Display Performance menu. 
The default setting is Typical Display, which is fine 
for most situations. 


Optimised Display mode may not make 

your pages look very pretty — all the pictures 
are replaced by grey boxes and the type anti- 
aliasing is turned off — but it makes them very quick 
to work on if, for instance, you need to make only 
text amendments. 
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Finally, there's High Quality Display mode, 
which is only recommended for the fastest of 


PCs. InDesign uses the high resolution data from the 
original files so your pages will look great, but they 
won't move very fast! 


Part 6: Creating cutouts in InDesign 


It's like doing cutouts in Photoshop or ///ustrator... 


2 There's no need to jump between your image 
editor and /nDesign to create basic cutouts of 
your images. Select the image you want to cut out 
and choose the High Quality Display option. This 

gives you a high enough quality preview to cut out. 


Next, move your original image away from the 
path you've drawn, right-click on it and 
choose Copy from the drop-down menu. You can 
turn the High Quality Display off now if things are 
going a bit too slowly. 


Select the Pen tool from the main toolbox, and 

draw round the outline of your image carefully. 
Unsurprisingly, the Pen tool works in exactly the 
same way as in Photoshop or I//ustrator. 
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Select the path you've drawn, right-click on it 
and choose Paste Into from the pop-up menu. 
InDesign will now paste the original image into the 
box you've drawn. 


Continue all the way around the image, and 
finally close the box by clicking on the first 
anchor point you drew. 
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G Turn the High Quality Display back on, delete 
the original picture we pasted from and use 
the Direct Selection tool to reposition the image 
exactly to our path. For more complex cutouts it 
might be best sticking with tradition and doing them 
in an image editor, but for the basic ones this 
method is a doddle. 


Part 7: Running text around pictures 


Getting text to run smoothly round your images... 
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You can increase and decrease the distance 


v4 Having created a basic cutout, you can now Select the object around which you want to run that the type sits away from your image by 
run some text around it. Grab the image you text and click the Wrap Around Object Shape changing the offset value in the Text Wrap palette. 
want to run the text around and place it where you icon in the Text Wrap palette (it's the one that looks — Having created your runaround setting for your 
want on the page. Now open the Text Wrap palette _like a sunset). The text in front of your image will object, as you move it the text will rewrap to its 

by choosing Window>Text Wrap. now wrap around it. new position. 


Part 8: Creating mono and duotone effects 


Make these basic effects directly on the page... 


To create a monotone effect, select your image G You can take this one step further and 


4 | Import an image onto the page in the way with the Direct Selection tool, and simply click create a duotone effect by selecting your 
we've just described, but make sure it’s a TIFF or drag a colour swatch onto the image. The image image (this time with the Selection tool) and 
file that's been saved as bitmap or greyscale — this will change to the colour you selected. You can also choosing a background colour for the box the 
won't work for CMYK images. use the slider in the Colour palette to change the tint. _ image is sat within. 


Part 9: Adding drop shadows to images 


InDesign’s built-in drop shadow utility means no more jumping out to your image editor to create them... 
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First, select the item or groups of items you The InDesign drop shadow settings are very 


As with your images, the quality of your drop 


want to add a shadow to — in this case we're similar to Photoshop's layer style settings. 
going to add a shadow to this group of pictures. The defaults are a little harsh so we've toned down shadow previews can be greatly improved by 
Choose Object>Drop Shadow from the main the opacity of the shadow, the blur amount and selecting the High Quality Display option. It looks 
navigation bar. the offsets. great, but again makes for very slow documents. > 
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Part 10: Keeping track of images and links 


The Links palette makes it easy to find specific images on your pages... 


Colouring TIFFS 
in InDesign 


If you've got a regular graphic 
that appears on different pages 
but in different colours, save it as 
a greyscale or 1-bit TIFF file from 
your image editor. When you 
place it on your page in InDesign 
you can apply colour to it by 
dragging swatches onto it from 
your Swatch palette. 


@ All the images you put on to your magazine 
pages are linked to image files somewhere 
else, kind of like a Website. Open the Links palette 
by choosing Windows>Links from the main 
navigation bar. 


4 | As your documents grow, the Links palette is a 
great way of finding images within your pages. 
Simply highlight the image name in the Links palette 
and select Go To Link from the Links palette menu. 
InDesign will then take you to the page on which 
the image appears and highlight it. 


You can also use the Links palette to open the 

files in your image editor. Highlight the file 
name in the Links palette and choose Edit Original 
from the Links palette menu. The file will then open 
in your default image editor. When you save the file 
it'll automatically be updated in your document. 


The Links palette contains all the information 

about files you've placed in your document. 
This not only applies to pictures but also any text 
files you may have imported. 


To view information on a linked item, double- 

click its file name in the Links palette. The kind 
of information it contains is its file name, file type 
and colour space, handy for making sure that no 
RGB files have slipped through. It also shows the 
path to the linked file on your PC. 


6 | Finally on the Links palette, use the Sort 
options from the Links palette's menu to 
group the list by name, status and by what page in 
your document they appear on. Again, this is a 
handy feature for when your document grows in 
size and complexity. 


Part 11: Embedding images into your documents 


This creates huge file sizes so should be used sparingly... 


Gg It's possible to embed image files into your 
page, rather than have links to high-resolution 
versions elsewhere. First, choose the file you wish 


at two design consultancies that actively encourage it 
| +} jet laudabilis 
tua, et 


F donec requiescat in te. da mihi, 


domine, scire et inte :, utrum sit | 


In the Link Information, your image's Content 


Status is set to Embedded. This means you can 


] ‘domine, scire et intellegere, 


If you find your document sizes are getting 
too large, it's possible to unembed a file. 

However, if you've deleted or moved the original 

file you placed, it won't work. If you do still have 


print or output the page to PDF without the original 
file you placed. Embedding images creates huge 
InDesign file sizes so use it wisely. 


the linked file, choose Unembed File from the 
Links palette menu and the image will return to its 
original linked status. FEES 


to embed and choose Embed File from the Links 
palette menu. 


OVER 100 pages of jargon-free advice! 


THE PERFECT COMPANION TO... 


ouriMae 


Apple’s free software programs 
play music, make movies, 
organsie and edit photos 
and more! 


BEGINNERS’ GUIDE 


All you need to know to 
take the best photos and 
edit images for perfection! 


Going back to your roots? Use your 
iMac and our expert guide! 


Keep your data safe 

Share files with PCs 

Maintain your iMac in perfect order 
Buy and install iMac peripherals 


ON SALE 4TH MARCH 


FROM ALL GOOD NEWSAGENTS 


Ilustration: Rob Hooper [w] www.flamingpencil.com 


‘SECTION FOUR 
Work taster — and 


get organised 


When working with so many files and folders 
you need to get organised. We show you how... 


ere comes the boring bit. Once 
jH you've completed your project 
you'll be left with hundreds of take the printer to print it. 
image and layout files. If you don't label Trust us, we know. So follow our 


them properly, you won't be able to find a foolproof guide to file naming and you 
thing, and when you come to print your won't go wrong. > 


brochure or magazine you'll spend more 
time looking for image files than it will 
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Part 1: Files and folders 


Setting up a clear and simple filing system... 


Get organised 


If you want to produce a multi- 
page publication, you've got to be 
organised. Make sure you've got 
plenty of files and folders to keep 
track of your features and that 
you've got somewhere like a 
filing cabinet to store them. 
Having a large spare desk or wall 
where you can spread out your 
Pages to see how they flow will 
be a great advantage. 


Plan ahead 


Atthe start of a magazine project 
make a wall plannerand 
schedule in all the events 
specific to your issue: photo 
shoots, days out sourcing 
material, and so on. Work out 
exactly how many days you'll 
have at your desk, and speak to 
your printer and repro house 
about turnaround and factor 
these into your monthly 
schedule, And always, always 
allow more time than you think 
you'll need. 


i} Rename this Folder 

(Move this Folder 

By Cony this Folder 

@ Pubish this Folder to the 
Web 


BB Share this Folder 
@ E-mal this Folder’s Fes 
XK Delete ths folder 


oO You'll reap the rewards in the long term if you 
get your magazine's admin right from the 
start. Here are some suggestions for structuring 
your files and folders to make managing your 
publication easy. Give your magazine a base folder 
to start with. Here, we've called it Studio Issue 1 to 
keep everything simple and obvious. 


| al) Rename this Folder 
| Gp Move this Folder 
(Dy Cony this folder 
@ Publish this Folder to the 
Web 


B Share this Folder 
E-mail this Folder’s files 
K Delete this Folder 


4 | Establish a file-naming convention that can be 
carried throughout the entire publication. 
We've created the prefix STO1 for issue one of our 
fictitious magazine Studio, followed by an 
underscore and the feature name. Try to keep this 
first level as short as possible but still obvious. 


Again, here in the STO1_HWORK_IMAGES 

folder we have all the images used specifically 
in this feature. Start with the base file-naming 
convention again, suffixed with a brief description 
of the image. 


Create three sub-folders: one for all your 
master documents, one for your actual 
magazine pages and an ‘Other’ folder for all those 
unclassified files that aren't actually used on the 

pages but you still need to hang on to. 


GD Email this Folder’s files 


K Delete this Folder 


Within each of the feature folders create three 
more folders: one for the images, one for the 
pages and one for the originals (ORIG) files. The 
Originals folder will contain things like the original 
Word files for the text and any graphics supplied 
by the author. 


8 | Although there's obviously a temptation to 


choose a thumbnail view of the images folder, 


now that our file names are starting to get longer 


the window looks confusing. A better option for this 
folder would be to use the List view option and only 
switch into Thumbnails if you need to. 


In the Studio 01 Pages folder create a folder 

for each of the different features within the 
magazine. These folders will contain all the files 
specific to these features: images, page layouts 
and so on. 


Gm Rename this file 
BB Move this file 
{By Copy this file 
@ Publish this file to the Web 
@ E-mal this file 
€ Delete this file 


 5701_HworKk 
®& My Documents 
(@ Shared Documents 
@ My Computer 


6 | Here we're in the STO01_HWORK_PAGES 
folder, which contains the /nDesign file for our 
Homework feature. Keeping to our file-naming 
convention we've included the base file name 
STO1_HWORK and added _ART to indicate this is 
the artwork file for this feature. 


9 | Finally, using the directory view, we can see 
how our filing structure is starting to work. The 
base folder Studio Issue 1 breaks down into 
individual features folders then into the features’ 
associated files and images. 


Part 2: Searching for images 


A strict file-naming convention will make it easy to find files on your computer... 


Eoautenis and Settings\Dyla... 
C:\Documents and Settings\Dyla... 


Search by any or all of the criteria below. 


All or part of the file name: 
ST01 


| @)sT01_Hwork_ORIG C:\Documents and Settings\Dyla.., 
STO1_HWORK_PAGES C:\Documents and Settings\Dyla. .. 
STO1_HWORK_MANGREY C:\Documents and Settings\Dyla. .. 
STO1_HWORK_PALM2 C:\Documents and Settings\Dyla,., 
STO1_HWORK_WOMBED C:\Documents and Settings\Dyla... 
STO1_HWORK_WOMGREY C:\Documents and Settings\Dyla, ,, 


. 
4 word or phrase in the file: 
| 
| /STO1_HWORK_WOMPALM C:\Documents and Settings|Dyla... 
| 
\ 
i 
| 


Look in: 
je 2 My Documents | 


When was it modified? 
‘What size is it? 
More advanced options 


STO1_HWORK_ART C:\Documents. and Settings\Dyla, .. 


}STO1_HWORK_ART 


This has revealed all the files for the first issue 


3 Let's see if our system works by locating all the of Studio magazine, but let's take that one We've refined our search so we now see only 
files used in our first issue of Studio magazine. _ step further and only search for files used in our the files and folders associated with the 

We know that all our files start with the prefix STO1, | Homework feature. Now we'll search for Homework feature STO1_HWORK. Sticking strictly 
so searching for that should reveal all the files STO1_HWORK, the base file name we associated to your chosen file-naming convention will make 
associated with issue one. with our Homework feature. searching and organising images a breeze. 


Part 3: File browsing 


Using Elements’ file browser to keep track of your images... 


My Documents\Studio Issue TAStudio 01 Pages\STO1_HWORI 


ny Coxarents Sho bm 1\SRBO OF Pager STO HORE STOI HMO PAGES 


Using Photoshop Elements’ file browser is a By using the directory window on the left you 


great way of viewing previews and can navigate through your magazine's various Use the file browser menu under the ‘More' 
information about your publication's images. To folders. Here we've selected our Homework images tab in the top right to change the way the 
launch it, choose Window>File Browser from the folder and it previews all the images for us much like browser displays the previews. The browser also 
main Elements navigation bar. the Windows file browser. displays the path to your images along the top bar. 


The most useful way to view images in the file 


browser is to choose the details option from Ey |t's simple to view the location of your selected G Double-clicking a file will open it for editing in 


the file browser menu. This option not only displays image file — just highlight the image and select Elements. Any changes you make to the file 
the image preview but also file type, creation date Reveal Location in Explorer from the file browser will automatically be reflected in the thumbnail and 
and colour mode. menu. The file's location will open in anew window. __ information contained in the file browser window. > 
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Part 4: Creating a contact sheet 


Putting your images on a contact sheet to print out or send via email... 


Do daily backups 


To avoid any unnecessary 
disasters, make sure you get into 
the routine of backing up your 
files daily. Look into getting a 
backup device such as a 
CD/DVD burner orevenan 
external hard drive, and if 
possible get your hands on some 
software that'll automate the 
whole process. 


rt | Previewing thumbnails on your PC is fine, but 
you may want to create a more traditional 
contact sheet of your images to print out or email. 
Elements has a powerful contact sheet generator, 
which you can launch by choosing File>Print 
Layouts>Contact Sheet from the main Elements 
navigation bar. 


4 | Next are the thumbnail options -— the settings 
here will determine how big the images on our 
contact sheet will be. Choosing three columns and 
three rows will give us nine images per page at a 
decent enough size for viewing. You can see a 
preview of your contact sheet layout on the right of 
the options dialog box. 


Elements has now created a contact sheet and 

included all the file names under the images. 
By default, the contact sheet is created as a TIFF file, 
and as we chose 72dpi in our options the contact 
sheet is a manageable 1.4Mb. 


The first step is to locate the images you 

want included on your contact sheet, so use 
the browser to locate them. Here we're going to 
create a contact sheet of all the images in our 
Homework feature. 


You can choose to have the file name added to 

your contact sheet by checking the Use 
Filename As Caption box, and specifying a font and 
type size. Uncheck this box and the contact sheet 
will contain only image thumbnails. 


Now you can use Elements’ Save for Web 

feature to reduce the contact sheet file size 
even further. Save it as JPG with the quality set to 
50 per cent. The preview on the right shows that it's 
still good enough quality to print out and the file 
size is reduced to a tiny 30k. 


With the folder selected you can set some 
options for the contact sheet. First, the size 

and the resolution — A4 and 72dpi makes sense as 

it's easily printable and won't create a large file. 


G Elements will now open each of your images in 
turn and add them to the contact sheet. It will 
add CMYK files without warning you to convert 
them to RGB, but bear in mind that if you've got a 
lot of images, it could take a while to process your 
contact sheet. 


g The final thing to do is save the file into the 
STO1_HWORK_IMAGES folder, and as always 
keep to your file-naming convention by calling it 
STO1_HWORK_CONTACT. That way you can easily 
search for the suffix CONTACT to find any of the 
other features’ contact sheets. 


Part 5: Publishing fonts 
Make sure you've got a licence to use them... 


— . = 


| retaff work from he 
“ies that actively 


Magnus es, domine, ¢ 


valde: magna virtus 


rt | Another important area from an admin point 
of view is your fonts. If you're planning to 

have your magazine printed, you must ensure that 
you have a licence to publish the fonts you've used. 


To find out all the fonts used in your features, 

open a typical document and choose 
Type>Find Fonts from the main InDesign menu. 
You'll be presented with a list of all the fonts you've 
used — make sure you're aware of the licensing 
issues for each font. 


If you're in doubt about whether you own the 
licence to publish a font, don't use it -— the 
penalties for using a non-licensed font can be harsh. 

There are plenty of good online type foundries 
where you can buy fonts, and if you limit the 
amount you use, it shouldn't break the bank. Try 
[w] www.faces.com for a wide selection of classic 
and contemporary fonts. 


Part 6: Images and copyright issues 


Get the rights to publish your images... 


Bae ieee ele 


G As with your fonts, you also need to be aware 
of any copyright issues surrounding your 
images. If you photographed the images yourself 
then no problem, but the chances are if they've 
come from another source then there may be 
copyright issues to take into consideration. 


©Roger Persimmon w. 


gs Taher —aarne : f 


If the images came direct from a photographer, 

make sure you have written permission from 
them to use the images. Also include any other 
instances of use like reproduction of the image on 
your publication's Website if you have one. If the 
photograph contains a model, you'll also need a 
signed model release form from them, although the 
photographer will usually handle this. 


An easy way of obtaining images is by using 

Stock Photography. These usually take one of 
two forms. The first are royalty-free images, where 
you pay once and use the image as much as you 
like. And then there are cheaper rights-managed 
images, where you pay for the image based on how 
big you're using it, how many copies you're printing 
and where your magazine is distributed. 


Part 7: Organising paperwork 


Create a job bag for your features... 


With lots of elements to keep track of, you're going 
to need a paper-based system to run in tandem with 
your PC or Mac files. A simple card folder for each of 
your features with information about that feature on 
the front is a good idea. We've put an example job 
bag template on the cover CD. Information like the 
feature title, file name and number of pages is vital. 
As the feature progresses, you can keep printouts of 
the different revisions. Also, if the feature is worked 
on by different people, you need to keep track of 
where the latest version of the file is and what it's 
called so no-one ends up working on an old version. 
Other things to keep in the job bag are printouts 
of the original text, any transparencies or discs that 
were supplied for the feature, along with contact 
details of the author. And it's important to make 
sure that all the people involved in the production of 
the magazine keep this job bag up to date. FE 


Production 


OBBAG 


Feature name 


Issue number 


Page numbers 


section ___—— 
Number of pages __—_————— 
Commissioning Editor__——— 


\ Initials 


Filename 
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‘SECTION FIVE. 
Type: which font 


where, and how 


There are thousands of fonts to choose from. 
Make sure you pick the right one for you... 


font can say a lot about who to the more design-conscious reader. 
TN reads your magazine or It's really a case of trial and errorand 
brochure. Choose a font like working out what works for your 
Times and you're saying you've got readership. However, if you already have 
‘serious’ readers. Choose a font like a brand identity, try to choose fonts that 
Generation Gothic and you're appealing sit well with that. > 


Illustration: Rob Hooper [w] www.flamingpencil.com 
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Part 1: Font considerations 
Some tips on choosing the right font for your body copy... 


Finding faces 


If you need some new typefaces 
for your publication, you'll find 
over 100 free fonts on this 
month's cover CD. You can also 
flick back in your collection of 
Computer Arts Specials to our 
Typography edition (issue 39) for 
inspiration. We gave away 250 
free fonts on that cover disc plus 
covered loads of typography tips 
in the magazine. We even showed 
you how to design your own font. 


Magnus es, domine, ot lavdabilis 
alder maga vietus tus, ot 


sapientiae tase non est owmerus of 
audare te valt home, aiqus portio 


Before we show you some ways of 

manipulating type in /nDesign, let's first look 
at the things you need to take into consideration 
when creating typography for magazines. First, 
body copy is probably the most important type to 
get right from the start. 


vn ee prepa _ FB __ 5 
Wlagnus ct, emine, et ban 
wtilud Lua, el aaptentiae Mae 
Aaudare te will home, aligua 
et howe ecreumferens nenta 
Keatimentim plecca at et 
aupebis newt, el Lament 
ligne poertio creaturae Lae, 


deleclet yita fecitli mead add 


MOAT, donee reguicseal. ‘th. 
20tee et ntellegere, MOMMA 


1 

4 | An equally important decision is the actual 
font. Obvious areas to steer clear of are script 

fonts or ‘display’ fonts, which are fine for short 

words at larger sizes but illegible at small sizes in 

columns. Also, the choice of sans serif or serif font 

can affect the overall look of your publication. 


Once you've decided on your font, type size 

and weight, the next important consideration 
is the leading, which is the space between each line 
of type. It's so called because in the old days of 
metal typesetting, strips of lead were placed 
between lines of type. 


look at two design consultancies that actively encourage it 


, Magnuses,domine,et —_nesciens t 

laudabilis valde: magna pro alio 
virtus tua, et sapientiae —_nesciens. 4 
tuae non est numerus, et i 
laudare te vult homo, 
aliqua portio creaturae 
tuae, et homo 
circumferens mortalitem 
suam, circumferens 
testimonium peccati sui 
et testimonium, quia 
superbis resistis: et 
tamen laudare te vult 
homo, aliqua portio 
creaturae tuae.tu excitas, 
ut laudare te delectet, 
quia fecisti nos ad te et 
inquietum est cor 
nostrum, donec 
requiescat in te. da mihi, 
domine, scire et 


enim es 
nobis. 


ES eS] canis 


Factors like the age of your reader are 

important to take into consideration when 
choosing font, size and weight. Older readers might 
need a larger font, but anything too large could look 
vulgar. Take a look at what other magazines aimed 
at your target readers are doing. 


Weight is also an important factor. Using a 

bold typeface will affect the overall ‘colour’ of 
the page causing your body copy to be over 
dominant. Also, if you use the boldest weight of a 
font, you won't have the option to embolden that 
type to give emphasis to certain words. 


‘On wader Katt presal u ot 
nye seinen ean 
are algun putin 
rue habe to exalt 
teoctet. ala let cm al wt 
Inogictasn et coe nomtrum, dove 
agus at Wa mb, dune, i ot 
antethegev strut pene = 
Aovaare Wi fs te pre tat acute mike 
Gru ev tei. wove We ae. fy 
ea dee aly, gua eoepecst 


fod per eomeamtrer de pee 
‘Setderiom pracicenvistat fs 


te. sul aye neyo enetoe ? abi 
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8 | Too large an amount of leading will make your 
text hard to scan; too little will cause the lines 
of text to merge together. A balance needs to be 
struck between the two. There's no magic 
calculation as it depends entirely on the individual 
typeface you choose. Again, experiment and look at 
100 per cent printouts. 


Can you realistically let your staff work from home? Peter Jame 
look at two design consultancies that actively encourage it 


Maginuse, domino laudatils valde: 

{wits ta. sapientioe eae an es manors, 

Tanta e vult home, atin portioceamarietuse, 
‘ethomo circunulesens mortal war, 
‘iecumlerens festive pecats suet 
watimoniam, quia superba ressts:et amen 
‘Geidanet elt home, aiqua poris tmenuriae 
‘Shes encita, ut Inu w deere quia cit 
‘aad feo tun at eDr wtrse, dome 


inwocare mesclers. an potios invest, 1 tae? 
‘quamento autem wivscabnt, in quw 00 


‘quis locus et ee, owen me cows 
‘meuamne, quod caput teTan vero caeluen ot cra 


3 Too small a typeface will be harder for people 
to read, and will mean the word count per 
page will be high. Striking the right balance will take 

some trial and error, Make sure any decisions are 
made on the basis of a 100 per cent size printout — 
screen representations are not reliable. 


Book Antiqua 
Book Antiqua italic 


Book Antiqua 
Book Antiqua bold Ital 


The best idea is to always choose a body copy 

font that has a good variety of weights and, if 
possible, condensed and extended versions. At the 
very least, choose a font set that comprises regular, 
italic and bold versions. Light semi-bold and extra 
bold would also be a bonus. 


Shaker WL 


Typefaces Design Information Contact 


9 | Type samplers are a great way of seeing what 
fonts look like at different sizes and they can 
usually be obtained from your font supplier. Some 
foundries also offer an online service where you can 
actually try out the typeface at different sizes. 
Again, look at what other magazines are doing for 
some inspiration. 


10 As for colour, if you want your text to be easily 
read, you're best off sticking with traditional 
black. That's not to say you can’t use any other 
colour, just always bear legibility in mind. 


Greumterens testinwasinn pesca ui 
etestioneaio, quia wap resistin, 
tanner bea bo wall Dn agit 
Foie cro utae Kawe hese, ut 
audlane te chet, qua foci mos at 
tect meget ot cow newton, don 
sequiewat ste da ma donne sine 
e otellegere, urraon nt pres mere 
tw am taudare te. ot sci to pring it an 
frryocare te seul quis te inweeat neem 
te ahaa cain pro ales poke meee are 
resctens, on putius leweicatts ub wiarte? 
‘quomicde actem invacatsvat, in quem 
smwcrethierunt? aut quando credent 
ine prawns? 4 anudabyet 
Soeminne qu reguiret cum 
duuacrentes china meRUBA AIH Ct 
Mcvmen lawiabunt even, quaersc 


te. domine, dmvocans ts, ven em te 
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Too pale a colour will be hard to penetrate and 
11 ; ‘ 
too harsh a colour will be over dominant, 
making both harder for the reader. We're not 
suggesting for one minute that you shouldn't 
experiment; just bear in mind what elements are on 
the page to look pretty and what's there to be read. 


12 The same goes for background colours behind 
text. As a rough rule of thumb, the more 
contrast between the background and the type, the 
easier it is to read. Some combinations should be 
avoided at all costs if you actually want people to 
read it, as this example demonstrates! 


Part 2: Line length, gutters and justification 


Making your columns of text easy on the eye... 


A river runs 
through it 


To avoid nasty white areas of 
space running through your copy, 
known as ‘rivers’, don't use 
narrow columns with justified 
text. A way around this is to run 
hyphenation on, but you may find 
the over hyphenation that results 
just as unsightly. 


As well as font, size, weight and leading, the 

length of your lines, or basically your page's 
column width, will have a dramatic effect on how 
easy it is to read. Too long a line and it'll be hard to 
scan; too short a line length will cause problems 
with hyphenation. 


porvarriirvucare 
te. sed quis te invocat 
nesciens te? aliud enim pro 
alioffij potest invocare 
nesciens.j anf potius 
invocaris, ij ut sciaris? 
quomodo fi autem 
invocabunt, in quem no 
crediderunt? aut quomod#=34, 


~ 


[es Pie 


4 | Justified type (where the type fills the column 
width and lines up at each end of it) can look 
neat, but if you've chosen too small a column width, 
you'll get unattractive gaps appearing in your text 
as in this example. Justified text works better on a 
wider column width. 


Magnus os, domine, ot laudabilis valde: 

| magna virtus tua, et sapientise tose won 

g St numerus. et laudare te vult homo, 
aliqua portio croaturae tuae, et hom 
drcumferens mortalitem suam, 
ircumferens testimonium pecvati sui ot 
estimonium, quia superbis resistis: et 
tamen Laodare te vult homo, aliqua 
Portio creaturae tuse.tu excita, ut 
laudare te detectet, quia fecisti nos ad te 
et inguletum est cor nostrum, damee 
requiewat in te. da mild, douine, sire ot 
intellegere, atrams sit prin invocare te an 
laudare te et scire te prius sit an invocare 
te, sed quis te invorat nesciens te? alind 
condin pro aio potest invocare nesciens, 
an potius invocaris, ut sclarts? quomado 
autem invocabunt in quem non 
crediderunt? aut qaomoda credent sine 
pracdicante? et laudabunt domimam qui 
Fequurunt cum. quaerentes enim 
inveniunt eum el invenientes laudabunt 
eum. quavram we, domine, invocans te, 
Anvocem te credions in te: praedicatus 
‘endin es nobis. invoeat te, domine, fides 


qvomode invocabo deum meum, deum 
et dominum meumn, quoniam utique 
inme spsum eum invocabo, cum 
Jewocubes cum? et quis locus est in me, 
quoveniat av me deus meusme, quad 
capiot te?an vero cactam et terra, quae 
fecist et in quibus me fecist, caphuntte? 
an quia sine te non exset quidauid est fit 
‘ut quidquid ext capiat te? quoniam 
aque et ego sum, quid peto, ut venias in 
me, quinn exsem, nisi exses in mc? non 
‘enim ego iam in inferts, et tamen etiam 
bi os. nam etsi descendery in internum, 
ades. non ergo essen, deus meus, non 
omnino essem, nisi esses in me 

Jan potius non essens, nisi 

‘exsem in te, e uo omnia, per 

‘quem omnia, in quo omnia? 

‘etiam sic, domine, etiam sic 

{qo te invoco, cum in te sien? 

aut unde venias in me? quo 

enim recedam extra 

cavhadn et terrain, 

ut inde in me 

‘veniat deus meus, 


A similar rule applies for the gutter width 

between each of your columns of text. A wide 
gutter won't cause too many problems, but too 
narrow a gutter will cause one line of text to read 
across into the next column. 


te invocat nesciens te? ali- 
ud enim pro alio potest in- 
vocare nesciens. an potius 
invocaris, ut sciaris? quo- 


modo autem invocabunt, 
in quem non crediderunt? 
aut quomodo credent s 
praedicante? et laudabut: 
dominum qui requiru 


pees Es ais aaa 


Away of avoiding this unsightly problem is to 
allow words in your body copy to be 
hyphenated. We'll look more at hyphenation 
options shortly, but again the decision to hyphenate 
words or not is usually a matter of personal taste. 


dist mil, quam danspirastt nth pe 
wamanitatem (ii tui, per 
aedicalors tui Bt quo 


juain dextisti mihi, quam inspicasti 
i per husnanitatem {iti tus, pex 


invecaba, cam 


yocabo eum? et quis —___ ina ipsum eum invocabo, cum 


Justification of type (how it sits within the 
column) is often down to personal choice, but 
the line length you've chosen and your typeface 
have to be taken into consideration when making a 
decision. An example of justified text is shown 
above (left), with ranged left text next to it (right). 


Magnus es, domine, et taudabilis 
valde: magna virtus tua, et sapientiae 
tuae non est numerus. et laudare te 
vult homo, aliqua portio creaturae 
tuae, et homo circumferens mortalitem 
suain, circumferens testimoniumn 
peccati sui et testimonium, quia 
superbis resistis: et lamen laudare te 
vull homo, aliqua portio creaturae 
tuae.tu excitas, ut laudare te delectet, 
quia fecisti nos ad te et inquietum est 
cor nostrum, donec requriescat in te, da 
mihi, domine, scire et intellegere, 
utrum sit prius invocare te an laudare 
te, et scine te prius sit an invocare te 
sed quis te invacat nesciens te? aliud 
enim pro alio potest invovare nesciens, 
an potius invocaris, ut seiaris? 
qquomodo autem invocabunt, in quem 


sine p 


non crediderunt? aut quomodo credent 


mihi per humanitatem fili tui, per 
ministerium praedicatoris tui. Bt 
quomode invecabo deum meum, 
deum et dominum meum, quoniam 
‘utique inme ipsum eum invoc: 
invocabo eum? et quis locus est in me, 
quoveniat in me deus meusme, quod 
capiat te?an vero caclum et terra, quae 
fecisti et in quibus me fecisti, 
capiuntte? an quia sine te non eset 
quidquid est, fit, ut quidguid est capiat 
te? quoninm itaque et ego sum, quid 
peto, ut venias in. me, quinon essem, 
nisi esses in me? non enim ego iam in 
inferis, et tamen etiam ibi 

nam etsi descendero in 

infernum, ades, non ergo 

essem, deus meus, non 

omnino essem, nisi esses 

me. an potius non essem, 


G Ranged left copy is usually easier to work with, 
as there aren't as many issues with type being 
spaced to fill a column width as in the previous 
example, and any hyphenation is much less visible. 
A wider gutter width usually works better with 
ranged left copy. > 
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Part 3: Easy navigation 


There are a few devices you can use to help the reader navigate your pages... 


Can you reaistically let your staff work from home? Peter meson takes 2 
{ook at two design consaitarcies that actively encourage 


1 | There is every reason to be as innovative as 
possible when it comes to designing your 
features, but there are a few traditional typographic 
ideas you can apply to your pages to make it easier 
for the reader to navigate. 


extra caelum et terram, 
eniat deus meus, qui 
terram ego impleo? 


P te caelum et terra, 


ples ea? an imples et 


Studio Magazine 


4 | If you're going to tell readers to move forward 
throughout your feature, you also need to 

tell them when to stop. Here we've added a simple 
‘end stop’ device indicating the feature has finished. 
This may seem obvious, but it’s this sort of 
‘signposting’ that will really give your magazine an 
identity of its own. 


agnus es, domine, et 
laudabilis valde: magna 


M 


tuae non est numerus. et laudare te 


virtus tua, et sapientiae 


vult homo, aliqua portio creaturae 
tuae, et homo circumferens mortalitem 
suam, circumferens testimonium 


peccati sui et testimonium, quia 


superbis resistis: et tamen laudare te 


vult homo, aliqua portio creaturae 
tuae.tu excitas, ut laudare te delectet, 


uia fecisti nos ad te et inquietum est 


At the very least, the reader needs to know 

where your features start and finish. Here 
we've added a drop cap to the start of the text, 
clearly showing the reader where the article starts. 
Other tried-and-tested ideas include arrows and 
maybe a picture of the author. 


Other items of branding you can add to your 
pages are section headers. These can be used 
to tell the reader exactly what part of the magazine 
they're in. If you keep elements like this standard 
throughout your publication, readers will quickly 
learn to navigate easily through your magazine. 


non ergo essem, deus meus, 
non omnino essem, nisi esses in 


me. an potius non essem, nisi 


Sac NRrae 


essem in te, ex quo omnia, per 
quem omnia, in quo omnia? 
etiam sic, domine, etiam sic. 


quo te invoco, cum 


4 
; 
P| 


in te sim? aut unde 
venias in me? quo 
enim recedam 


extra caelum et 


If your feature spans multiple pages, it's a good 
idea to create a ‘page turner’ device, indicating 
to the reader that the article continues over the 
page. We've added a simple arrow device here — 
again, there's no need to be too traditional, but 
make sure the symbol indicates forward movement. 


Can you vstiy et your staf work frm heme? Peer Jamieson takes 
ek a to eg corsutancies that athay encourage 


Finally, make sure that any navigation devices 

you add to your pages are consistent, page- 
by-page and issue-by-issue. That way the reader 
will become accustomed to the environment you've 
created within the magazine, and be more inclined 
to use it. 


Part 4: Importing and styling text 


Having covered the theory, we'll now show you how to get some text on the page and style it... 


agnus es, domine, et 
laudabilis valde: magna 
virtus tua, et sapientiae 


quam dedisti mihi, quam 
mihi per humanitatem fil 
ministerium praedicatoris 


tuae non est numenus. et laudare te quomodo invocabo deum 


valt homo, aliqua portio creaturae 


deum et dominum meum, 

tuae, et homo circumferens mortalitem —_utique inme ipsum eum in 
suam, circumferens testimonium 
peccati sui et testimonium, quia 
superbis resistis: et tamen laudare te 
vult homo, aliqua portio creaturae 

B  tuac-tu excitas, ut laudare te delectet, 

* quia fecisti nos ad te et inquietum est 
cor nostrum, donee requiescat in te. da 
mihi, domine, scire et intelegere, peto, ut venias in me, quin 

utrum sit prius invocare te an laudare nisi esses in me? non enim 

te, et scire te prius sit an invocare te. inferis, et tamen etiam ibi 


H sed quis te invocat nesciens te? aliud descendero in infernum, a 


enim pro alio potest invocare nesciens. 


non ergo essem, deus me 


i] Most text styling in InDesign is done using the 
Character palette. Choose Type>Character 
from the main navigation bar to open it. By default 
the Paragraph palette is attached to the Character 
palette, both of which we'll be using here. 


te? quoniam itaque et ego g 


i 
To get some text onto the page to work with, 

you first need to draw a text box. Do this by 
selecting the Pen tool from the main toolbox and 
dragging it across the page to draw a box. 


3 | Now you need to add some columns to your 
text box. Right-click on the text box you've 

just created and choose Text Frame Options from 
the drop-down menu. 


Widows and 
orphans, a sad tale 


Widows and orphans are a 
typographic no-no in magazine 
design — avoid them where you 
can. A widow is a single word left 
at the bottom of a column of text, 
an orphan is a very short line or 
single word left at the top of a 
column of text 


Proofing pages 


Even if you're designing and 
writing your publication on your 
own, make sure you get at least 
one other person to proof it for 
you at some stage, because 
you're bound to overlook 
something. Also, don't rely on 
program spell checkers — they 
are far from foolproof and most 
use American spellings. 


Create a three-column text box with a 4mm 
gutter. This corresponds to the columns we 
created earlier on in this tutorial when we created a 
master page with a seven-column grid. Confused? 
Don't be. Our three-column grid spans six out of 
the seven columns on the master page, leaving a 
smaller ‘bastard’ column on the outside edge, which 
is exactly half the width of the others. 


Now your copy is in, click the Type tool at the 

beginning of the text and choose Edit>Select 
All to select your entire story. You could also drag 
the Type tool over the text to select individual 
paragraphs or words. 


5 | Now we need to get some copy into the box. 
You can do this the good old fashioned way 
and key it in yourself, but as this is a magazine the 


chances are the copy has been supplied as a text file. 


To import text files into your box, click the Type tool 
at the beginning of your new text box and choose 
File>Place from the main menu. 


furan we. domineinoanane ot 


‘eno Norra restdt of te 
Ihabes ut quogquagn dont 
rumtines aaa, oi 
{omtawncdo tmp? fu 


sie prowslicante? 1 Gamen ettom ti es 


unt deahingm qa requirunt! nam stewed 


renduot eum’ lades nan ergo ese 


L 
8 | You can now use the Character palette to style 
up your text. The range of options available 
includes font, type size, leading, kerning and 
tracking. There are also options for vertically and 
horizontally scaling your type, although you should 
try to use the condensed or extended version of the 
font wherever possible. 


vee een eget oom a 


Just in case you haven't got any spare feature 

copy knocking around at this stage, we've 
supplied you with the file ‘dummycopy.doc' on our 
cover disc. Locate the file and click Import. The text 
will flow into the columns you have just created. 


Jinvocem te erediohis ih te: praca 
im es nobis, inyoost te, domain 
fides mea, quam {ledisti mihi, qu} 


rapiuntte? an quia sine te non ¢ 
puidquid est, fit, it quicdque ust 


, pe te? quoniage ifaque et ego 
i em invocs wid peto, ut venias (In me, quing 
[9 | Similarly, the Paragraph palette contains all the 

options for justifying, indenting and formatting 
your paragraphs. The range of options available is 
huge, so experiment with the different settings and 
see what results you get. : 


Part 5: Using the baseline grid 


Locking text to the baseline grid will give your magazine a clean, consistent look... 


mihi, domine, scire et intellegere, descen 


utrum sit prius invocare te an laudare essem, 
te, et scire te prius sit an invocare te. 

sed quis te invocat nesciens te? aliud 

enim pro-alio potest invecare nesciens. 

an potius invocaris, ut sciaris? 

quomodo autem invocabunt, in quem 

non crediderunt? aut quomodo credent 

sine praedicante? et laudabunt 

dominum qui requirunt eum. 

quaerentes enim inveniunt eum et 


te, domine, invocans te, et invocem taa— 
ao 


credens in te: praedicatus enim es 


@ The baseline grid is a series of non-printing 
lines that run horizontally across all your 
pages. To view it choose View>Show Baseline Grid 
from the main navigation bar. The idea of the 
baseline grid is to give you a consistent guide to 
position all your text and page items, so they all line 
up with each other. 


a. oe os 


=e 9 get 


You can change the settings of the baseline 

grid by choosing Edit>Preferences>Guides. 
The baseline increment should be set at whatever 
you decided your body copy leading value should 
be, as locking text to a baseline will ignore any 
leading values you set to your type. 


To make your type lock to the baseline grid, 
select the text box with the Direct Selection 
tool and check the Lock To Baseline Grid icon in the 
paragraph palette. Your body copy will now jump to 
align to the baseline grid. If you then use this 
baseline grid for all other text items, such as caption 
and sub-heading and pictures boxes and graphics, 
your typography will look clean and consistent. > 
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Part 6: Text threading 


Make your text flow through a series of text boxes... 


> testimonium, quis superbis resistis; 
bt tamen laudare to vult home, aliqua 
portio creaturae tuae.tu excitas, ut 


epg) arse Nations pctv 


{t textimaniun, quis superbis resins 
‘pt tamen laudare te volt home. aliqua 
[Pomtio creaturae tise.tu encitas, ut 
Jandare te delectet, qua fectsti nos ad 
Je et inquictuan est cor nostrum, donec, 


Jouchare te dokectot, quia focisti nos aut 
te et inguie nostrum, donec 
BB] poqutescat in te. dn mihi, dooming, sete, 


st intellegore, utrum sit prius invocare 
4 an laudare te, et sere te prius sit an 
Invocare te. sed quis te fnwicat 

‘pescicns te? aliud enim pro allo potest 


Fequiescat in te. da eithi, domine, seine, 
iy] et intcllegere. utrum sit privs inwocare 


fan potius invecatis, 


joist quomvodto ened 
raed 

Hu roxpir 

Javeniunt « 

Joudlabunt cum, quacra 


Je: proodicaten ent es nots lnvorat 


Fer domnine: he 
‘oad gaming 


Jramarittem i i, por anita 


ipraatticatoris tat, Pt quomodo 
favecabo deurs mewm. deur et 
Hominum meu, quoniam utique 
Jame ipsam eum invecabo. cum 
Invercatey eum’ et quis locus est im me 


P| Kitcuniferesn bestimoninon perl sa 


| tostimonium, quia superbis resists: 
fet amen taudtare te walt home, atiqan 


porto cteaturae tae t0 elas wt 
Fasntare we delecet. quia feist nos ad | 

fe tinier es cor nostenm,omes 
oqwicwat inte, da mis omnine. sine 
[ietlegee, utr st pri icone 


he at aude sin eps a 
Farvocane ed qu te tevnont 


BB) exci eal enn pro aio pen 
= jnvocare mesciens. an potius fawocarii | 


[ut sciaris? quomodo auton 
Jrroxabunt in quom ion creditor} 
[aut quomode credent sine 
praedticante? ot laudtabunt 


yas requir ew. quacreates enum |) 
| Limset donesien/iabsirmm 


em te creddenw in 
de pronaicatus enim es nobie invncat 


er iain: Tas te Goan et 

{hs quae inwpieast sn per 
smanitatem fi a, per minwaterium 

{peaedicatoris ti, Et quemode 


| drvocate deum mewn, dewm et 
| Houninum meurn. quonian wtique 
| ore sm eues invecab, cx 


Jrocatio eum? ot quis locus est in me, 
quoweniat in me seus mesine, quod 
‘aplar te?an vera caclum et ternn, quae! 


| ects et in quibus ane feist 


bbapluntic? an quia sine fe non esse 
quidgaid ext. ft, wt quiciguidl est 
api te? guoniam ilague et eye sum, 


| quiet pot, wt wei it, 


tox non expo emsenn, bows 
tina esse, nisl oases iy 
otis non exsem, nis 


C2 Val nS we summonses tinoraNnE A 


2 | To flow copy from one text box into another, 
first highlight the original text box containing Now as you move or resize the text boxes 

the copy, and click once on the red cross at the end within your publication, the text will reflow 

of the box with the Direct Selection tool. The cursor among your linked text boxes accordingly. To 

will now change to the Loaded text icon. Simply click — remove a text box from a thread just reverse the 

this at the beginning of the new empty text box and _ process — a series of arrows from one box to another 

the text will flow from one to the other. indicates the flow of copy around your document. 


gL If you've got a feature that runs over a few 
pages, you'll have to link multiple text boxes 
together so your copy flows through your 
document. A small red cross at the end of a text 
box indicates that the copy is too long for its 
current text box. 


Part 7: Specifying hyphenation 


How to hyphenate words and use /nDesign’s Optical Margin Alignment.. 


ia superbis resistis: et 
e vult homo, alrjmrjmi- 
rae tuae.tu excitas, ut 
laudare te delectet, quia fecisti nrhjm- t | laudare te delectet, quia fecisti nrhjm- 
mjros rjmrjhmad te et inquietum est cor = mjros rjmrjhmad te et inquietum est cor 
nostrum, donec requiescat in te. da mihi, | nostrum, donec requiescat in te. da mihi, 
domine, scire et intellegere, utrurjhm- 


rjhmm sit priusrjhmrjm invocare te an 


domine, scire et intellegere, utrurjhm- 
rjhmm sit priusrjhmrjm invocare te an 


a A beautiful typographic feature of InDesign is 
its Optical Margin Alignment. Select your text 
and turn it on by choosing Type>Story and checking 
the OMA box. InDesign now aligns each line 

optically based on the line above it, pushing 

punctuation marks and hyphens outside of the text 
margins to create less obvious-looking hyphenation. 


1 | As we mentioned earlier, whether you use To change the way /nDesign hyphenates your 
hyphenation or not is mainly a matter of taste, words, choose Hyphenation from the 

and is also dependent on your choice of typeface Paragraph palette menu. Here you can specify, 

and column length. To turn hyphenation on, among other things, a minimum length of words to 
highlight your text box and click the Hyphenate be hyphenated, and how many hyphens you'll 
checkbox in the Paragraph palette. permit in a row. 


Part 8: Converting text to outlines 


Turn your text into polygons and you can apply fills and gradients... 


Homewor< 


InDesign has now turned the text into a group 

of polygons, which act like any other polygon - — 
— you can apply fills and gradients and even import g The main benefit we can see from converting 
images into them. And you no longer need the text to outlines is the ability to then track 
typeface to print or output the page to PDF. The headlines. Each letter of the headline can be 
downside is, of course, that you can no longer edit ungrouped and then moved manually to produce 
the words in the normal way. perfectly tracked type. EEE 


rt | Converting text to outlines is a handy feature 
when used wisely. It basically turns text items 
into polygons you can then edit and move 
independently. The downside of this is that once 
converted you can no longer edit the words. To 
convert some text to outlines, first select its text box 
and choose Type>Convert to Outlines. 
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‘SECTION SK 
The cover: getting it 
nght first time 


The cover is an advert for what's inside your 
magazine. Getting it right is essential... 


ver the next few pages we'll be of your magazine; it should display to 
} @ ) dealing with how to create your your readers all the reasons why they 
magazine's cover — choosing the have to read it. There are certain rules 
cover shot, retouching the image and for creating a great cover, which have 
perfecting the clever use of space. been tried and tested by publishers 
Your cover should be the selling point worldwide. Read onto learn more. > 


Illustration: Rob Hooper [w] wwwflamingpencil.com 
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Part 1: Cover preparations 


| Tutorial The cover: getting it right first time 


Putting your regular elements in place... 


Make the barcode 
easily visible 

If you need a barcode on your 
cover, put it in an obvious place 
so that the retailer can find it 
quickly and easily. Also, make 
sure that there's enough contrast 
between the lines onthe barcode 
and the background so it scans 
correctly. It's best to use black on 
white, but you can always check 


this with your distributor. 


Trademark 
your brand 


If you want to protect your 
publication's brand identity, you 
can register your logo as a 
trademark. For details on 
applying to register your logo 
visit the trademarks section of 
the UK Patent office Website at 
[w] www. patent.gov.uk/ 


Geenfeasto.con ss RED 


[STOL_COVER_DOC 


— , 
ea | OO 


1 | Before we talk about the right and wrong 
things to do on covers, let's sort out the 
practical bit... the artwork specifications. Our 
fictional magazine Studio is A4, so we need to 
create an A4 document in /nDesign and, in line with 
our previously established file-naming convention, 
call it STO1_COVER_DOC 


The first thing to add is your logo or masthead 

Remember that your masthead is your ‘brand’, 
so its look and feel should convey what your 
magazine is all about and should appeal directly to 
your target audience 


ante of Pages: F preg Pas 
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Page see [as j- 


fz] Depending on how your magazine is being 
bound, you may have to increase the width 
of the document to include a spine. The extra 
amount you need to add is based on the number 
of pages and the paper you're printing on — your 
printer will be able to give you this figure. We're 
adding a 4mm spine to our publication, making its 
new width 214mm 


We've gone for a simple but bold approach 

with our Studio magazine masthead, using a 
classic typeface. All the characters have been 
converted to outlines and each letter has been 
tracked by hand. 


Now we can add some other standard 

elements to the cover. Depending on how you 
distribute your magazine, you may need to include 
a barcode. Your distributor can supply this. We'll 
leave space for ours here in the bottom right-hand 
corner of the cover. 


Another element we're going to add is a 

NEW flash. If your magazine is new, make 
sure you say so because it'll generate extra interest 
in your publication. We've gone for a more 
conservative approach with ours to fit in with our 
design, but go starburst crazy if it fits in with the 
style of your magazine. 


3 | Now drag some guides on to the page to show 
your all-important 3mm bleed, plus another 
guide to indicate the 4mm spine width. Now you've 
got your basic page, you can start to add some 
standard cover items. 


The magazine for creative professionals 


G Most magazines have a tag line of some kind, 
and it's a good idea to use one especially if 
your magazine doesn't immediately portray exactly 
what it's all about. We've supported our masthead 
with an explanatory line of text: The magazine for 
creative professionals. This will become an extension 
of our masthead if we use it elsewhere. 


9 | The final standard item we're going to add is a 
bar along the foot of our cover incorporating 
the page locations of our regular features. It's good 
to have some consistent elements from issue to 
issue so that readers get used to your cover 
structure and can navigate the magazine quickly. 


Part 2: Choosing a cover image 


Getting the right cover picture for your magazine... 


Know your 
distributor 


If your magazine is going on the 
newsstand, you'll need a 
distributor. Once you've found 
one, keep them involved at all 
stages of the magazine's 


development. In the early stages, 


they can give you some valuable 
advice on the right and wrong 
ways to approach your cover. 


Now that all your standard elements have 
been placed, you can start to look at cover 
images. Your choice of image needs to be based on 
many factors: you could choose an image that 
generally conveys the culture of your magazine, 
or choose something that relates directly to one of 
your features. 


4 | We've gone for this image because it has a 
contemporary feel to it and fits in with our 
Homework cover feature. The image also has depth, 
with the woman in the background out of focus, 
which will lead the reader's eyes into the cover. 


When you're choosing or photographing a 

cover image, make sure that it works within 
the format and structure of your cover. Take a 
‘blank’ cover showing only your standard elements 
to photo shoots, or if you're browsing image 
libraries, download low resolution ‘comping’ images 
and get them straight onto the cover. 


Another reason for choosing this image is that 
the male figure is looking directly at the reader. 
Eye contact with a cover model directly engages the 
reader, and its power shouldn't be underestimated 
when choosing a cover image that contains people. 


The final thing to bear in mind when choosing 

a cover image is that it's the most exposed part 
of your magazine, so you must make sure you've 
got copyright to use it. And, if it features a model, 
you'll need a signed model release form. Check this 
with your photographer or image library. 
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The next step is to get the raw image into the 
page and see if you need to do any retouching 
or cropping with the image editor. With the colour 
image on the page you can also start to make 
decisions about colouring your logo and page 
elements to compliment it. 


Part 3: Retouching the image 


Checking the resolution and quality, and removing blemishes... 


rv Get your cover picture into the image editor 
and check its resolution and quality. This is 
particularly important if the image came from a 
stock library where you haven't had control over the 
photo shoot and scanning yourself. 


mcr ead 


Images from stock libraries tend to be a little 

on the grainy side, so it might be worth 
running the Despeckle filter to reduce this effect. 
Choose Filter>Noise>Despeckle in Elements. Also, 
use the Rubber Stamp tool to remove any unwanted 
marks on the scan. 


With model pictures you need to pay particular 

attention to the eyes and teeth. Here we've 
selected the man's eyes and brightened them with 
the Levels palette. Also look at the general skin 
tones to make sure they aren't washed out. We've 
also increased the contrast of this image to make it 
more punchy. > 
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Part 4: Typography treatments 


How to approach your coverlines... 
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Le From now on, we'll refer to our coverlines as — - —— 
You want your coverlines to be direct and talk ‘hits’. We need to layer our type so that our First in the hierarchy of hits is the main cover 
your readers’ language. Coverlines need to be hits have an order and hierarchy to them, story headline. Use a large bold headline to 
interesting enough to persuade readers to pick up establishing a natural reading order rather than draw the reader in, then use a qualifying strapline to 


the magazine and browse through it. having them all screaming out at once. tell them more about the feature. 


42003 D& Aimy cs 
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G Finally to the lowest level of hierarchy hits like 
the Regulars strip at the foot of the page. 


G Now for the third main hit using the same 
hierarchy as before but this time with an extra They're not the most prominent hits on the cover, 


element to the qualifier indicating the fact that it's but if they're consistent from issue to issue your 
Now create a second-level hit, smaller than the —_an interview. You could also add value to your readers will learn to look for them and use them. 
main coverline so as not to compete with it. features by using other language like ‘5-page Also, if it's wide enough, you can put some details 
Use a more self-explanatory headline this time, feature’ or '50 top tips’ — all these extra things add on your spine, such as magazine name, issue 
again with a small qualifier. positive benefits to your cover. number and maybe a brief contents list. 


Part 5: Legibility and colour 


Make sure that all your hits stand out... 


We can also help the white text stand out by 
adding a darker glow to help it be more legible 


a If you're dealing with type that has to siton a First, we can help the darker text by adding a on the lighter areas. Use the same method as in the 
photograph, it's sometimes hard to find a very subtle white glow around it. To do this, previous step but choose a darker colour for the 
colour that can be read. Here, for example, the dark _ select your text, choose Type>Drop Shadow and shadow and change the blend mode to Multiply. 
plum colour works well on light areas but is less give it a white drop shadow, with 0 Offset. Change Just these subtle additions instantly make the type 
legible on the darker areas of the photo. the blend mode to Screen. easier to read. 


Part 6: The finished cover 


A recap of the most important elements on any cover... 


| The magazine for creative professionals 


Studio. 


No two magazines are the same, and the 
chances are any magazine or publication you 
design won't need the same cover treatment as 
Studio. However, although the culture, imagery 
and typography may differ, there are a few 
guidelines for cover design that can be applied 
across the board. 


NEW 


Create a unique and consistent brand. 


Choose imagery that engages your reader 
and draws them into your cover. 


EW Layer your hits to produce a natural 
reading order, rather than leaving your 
headlines to compete with each other. 


Wouldiyou trust your staff to work from homeg 


We reveal whos making a success of it 


The next stage once your cover is designed is to get 
a proof made — in the first instance as a black and 
white printout, and then as colour inkjets. However, 
as you finalise the cover you're going to want to see 
amore accurate colour proof. First, speak to your 
repro house or printers and find out what proofing 
solutions they offer. You'll discover there's a wide 
range available at varying costs and quality. 

The best quality proof is a cromalin. This is 
produced using the same colour process as the 
printers will use, and therefore provides the best 
representation of the final cover. The downside is that 


Create consistent cover elements that your 
readers become accustomed to and learn 
to use each issue. 


Part 7: Getting a digital proof 


It's time to see what your work looks like on a high quality proof... 


a cromalin is costly, but if you've spent a 
lot of money on cover photography, it 
may be a wise investment. 

Many people are now offering 
excellent quality digital proofs that 
are almost matching the quality of 
a cromalin. Everybody seems to i 
have their own digital solutions so 
ask to see a sample of the proof, and 
if possible look at it alongside the final 
printed publication to see how accurate a 
representation it was. EEE 
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SECTION SEVEN 
Colours and 


special finishes 


Follow our tutorials to experiment with colour 
and finishes that'll bring your magazine to life... 


ave you ever wondered how the show you how to use new finishes with 
ji) five-colour printing process confidence, convert RGB to CMYK 
works? Or when and how to use colours, get perfect registration on all 
metallic special finishes, and what a spot colours and output documents that 
UV varnish looks like? Look no further. include artwork for spot varnish. 
Over the next four pages our experts Turn the page to find out more. > 


Illustration: Rob Hooper [w] www.flamingpencil.com 
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Part 1: RGB vs CMYK 


Working with CMYK as ae to RGB... 


Get the right quote 


When you're getting a quote to 
have your publication printed, 
make sure you aren't stung with 
any hidden extras when the bill 
comes in. Ensure that all aspects 
are covered in the quote, from 
paper, planning and print, right 
through to delivery and even how 


the magazines will be boxed up. 


Choosing paper 


The choice of paper for your 
publication is critical. Bear in 
mind that if your publication has 
a relatively small pagination 
(number of pages) printing itona 
heavier paper stock will bulk it 
up. However, this will obviously 
increase the cost. Find a happy 
medium by asking to see printed 
(not just plain) samples so you 
can see how much ink shows 
through the pages and how it 


looks when printed and bound. 


@ ' your main experience to date is working 

Gir: online or multimedia design then you'll 
be more than familiar with the RGB colour space, 
basically the way televisions and monitors use red, 


green and blue light to mix colours. A combination 


of all three giving pure white. 


4 | Here we can see the 
four separations of 
our cover and the four- 
colour image they produce 
when combined. You can 
see from this the different 
concentrations of cyan, 
magenta, yellow and black 
which go into making up 
the final composite colours. 
Your printer or repro 
house will create these 
colour separations from 
your supplied pages in an 
electronic process called 
‘ripping’, the specifications 
of which will be based on 
factors like the paper and 
press on which your 
publication will be printed. 


Gy Lithographic printing uses the CMYK process — 

| 2 ali colours as opposed to three. Transparent 
cyan, magenta, yellow and black inks are laid down 
on top of each other on the paper and the additive 
effect of each builds up the colours. 


er downside of the CMYK process is that it 

@:.:: a limited colour range. The diagram above 
shows the entire visible spectrum, with the dotted 
lines indicating the parts of the spectrum that can be 
re-created in RGB and CMYK. 


Part 2: Registration issues 


Some ways to avoid mis-registration... 


i Because CMYK printing is built up with a 
combination of the four colours, you can 
sometimes get what is called ‘mis-registration’, or 
‘bad fit’. This is where the colours don't line up 
perfectly on top of each other, and although it 
doesn't pose a major problem with most printers it 
should be taken into consideration. 


bientiae tuae non 
erus. et laudare 
oO, aliqua portio 


e,et homo circu 


The area where you'll notice bad fit the most is 

if you specify small type, as a rule under 10pt, 
with a colour made up from a mix of any of the four 
colours. For example, this dark blue text is made up 
from 100 per cent cyan and 100 per cent magenta, 
and the small amount of mis-registration has 
created an unwanted halo around the text. 


Also, very small white text reversed out of a 

mix of CMYK colours can create a similar 
effect. To avoid both these problems try to keep 
small text to a single CMYK solid, like black or cyan. 
Also bear this in mind when you've got 
backgrounds behind small white text. 


Part 3: Four-colour-process tint chart 
A guide to how your CMYK colours should print... 


Cs 
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As we've already mentioned, there's quite a 
difference between the way your monitor displays 
CMYK colours and how the four-colour process 
prints them. With this in mind, we've produced this 
tint chart to help you specify your CMYK colours. 

As Computer Arts Special is printed in four- 
colour process, you can use this as a pretty accurate 
guide to how the CMYK values you specify in your 
software will actually print. It's far from a definitive 
list of all the colours you'll ever use, but it'll give you 
some good starting points. 
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Part 4: Using spot colours 


If four colours don't give you enough variety, choose a fifth... 


Press pass 


Most printers will actively 
encourage you to go along and 
‘press pass’ your publication. This 
means you'll see your magazine 
coming directly off the press and 
have the opportunity to make any 
small colour adjustments in 
conjunction with the printer. It's 
also a great way of getting a 
better understanding of the 
printing process. 


Make some space 


Finally, don't underestimate just 
how much space even a few 
thousand magazines will take up. 
Make sure you've got somewhere 
dry, secure and accessible to 
keep them. 
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As we've discussed, traditional four-colour 

printing has its limitations. A way of adding to 
your range of colours is to use a fifth colour, often 
referred to as a spot colour. There are cost 
implications of doing this, which is why most 
magazines limit the use of spot colour to their covers. 
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If you're lucky enough to have the budget to 

incorporate a spot colour, creating it in 
InDesign is straightforward. First, open the 
Swatches palette by choosing Window>Swatches 
from the main InDesign navigation bar. 


3 | In order to specify spot colours you'll need a 
Pantone Swatch book. The PMS (Pantone 
Matching System) is the most widely used system 
for spot colours. The books are expensive to buy so 
you might want to ask your printers if you can 
borrow theirs. If you can afford to buy your own 
copy, visit [w] www.pantone.com. 
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Once you've decided on the colour you're 

going to use, choose New Colour Swatch from 
the Swatch palette menu. The New Colour Swatch 
dialog box will appear, which by default is CMYK. 


Your new Pantone colour appears in your 

Swatches palette as normal, this time with a 
small icon of a spot inside a square, indicating that 
this is a spot colour as opposed to a four-colour 
process swatch. 


The first thing to do is change the Colour Type 
from process (CMYK) to Spot. Then select 
the Pantone Solid Coated option from the Colour 
Mode menu. InDesign will now load the Pantone 
swatches for you. 
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you'd apply any other colour, by selecting the 
item or text and clicking the swatch. Here we've 
applied Pantone 235 to our masthead. 


es octheitiaciibiandh 
8 | Apply your Pantone swatch in the same way as 


Swatch Name: PANTONE 235 ¢ 
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i 
G If you know the Pantone number you're 

looking for, key it into the PANTONE field and 
it'll automatically jump to your colour. Alternatively 
scroll down the list and locate your desired Pantone. 
Once selected, click OK. 


a. . 


9 | If subsequently you decide your budget is too 
tight to stretch to spot colour, just delete the 
Pantone swatch and you'll be asked to replace it 
with another. Or double-click the swatch and 
under Colour Mode select CMYK. By doing this, 
InDesign will automatically convert it to its nearest 
CMYK equivalent. 


Part 5: Metallics and other special finishes 


Shiny or fluorescent finishes will make your mag stand out on the shelf... 


If you're lucky enough to have the budget, why 
stop at a spot colour. There's a whole host of 
special finishes you can apply to your cover if your 
wallet allows. 

The Pantone system does include some metallic 
inks but they can look a little dull. Another option is 
foil blocking, a costly but great looking process that 
stamps actual metallic foil onto the cover, giving you 
an ultra shiny finish. 

Or perhaps a fluorescent ink is more your thing. 
Used in the right way it could give your publication 
real impact. The options for making your magazine 
really special are vast, so speak to your printers 
about what they can offer and get some samples 
and quotes. You might be surprised by the effects 
you can achieve. 
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Part 6: Creating artwork for a spot varnish 


How to supply a spot varnish cover to your printer... 


No fluorescent colours for us. We've decided 

that a subtle spot varnish would be nice for our 
Studio magazine cover, so we need to create some 
additional cover artwork for the printer. First, open 
the final version of your cover - it's pointless doing 
this until the cover is finalised as the position of 
things could change. 


CU SEEEO BES 


4 | You're now left with a visual representation of 
the areas where you want the varnish applied. 
The next step is to create a new spot colour swatch 
in the way you did previously, this time calling it 
Cover Varnish and making it 100 per cent black. 


Second, resave the cover so as not to 

destroy the original. Using our established 
file-naming convention we'll call this version 
STO1_COVER_VARNISH and save it in the 
STO1_COVER folder. 


5 | Now apply the new spot Colour Varnish to 
your remaining page elements, or if you 
haven't used many colours in your document, just 
delete them from the Swatches palette and when 
prompted replace them with your newly created 
varnish swatch. 


In this instance, we'll just put it over our 
masthead area (avoiding our Studio type) and on 
our main headlines. So delete all unwanted items 
from your cover and basically create a mask. 


Homework 


2003 D&AD Awards 
| John Hegarty 


j 
6 | Finally, you're left with a file you can give to 
the printers as a guide for your cover varnish. 
t's a good idea to discuss special finishes with your 
printers in advance, and where possible give them 
an indication of just how much coverage you want, 
because this may affect the quote. FEES 
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Illustration: Kerry Roper [w] www.youarebeautiful.co.uk 


The photoshoot: 


Now to get it right 


First, you decide what your magazine’s about. A close second, you decide how to illustrate it. 
Photographs are essential to any publication, and with today’s digital cameras it’s easier than 
ever to create them. Here is an indispensable introduction to getting your photography right... 


nthe First Age of photography, pictures 
( could be judged as self-sufficient works in 
f their own right. In this, the Second Age, the 
i value of a photograph is relative to its use. 
For us, a great photograph is one that perfectly does 
the job in our project. It’s not just there to illustrate the 
things we need to show; the style of the photography 
needs to be in keeping with the design too. So the 
first essential is to ensure that the photography 
planning is part of the overall concept planning. 


Making lists 


Now, you can't be in publishing without being able to 
make lists as naturally as you breathe. There are over 
a hundred things that can go wrong in any photoshoot, 
but your best protection against them all is the 
humble list. Top of the list will be things you can't 
change: the timing and the budget. These control what 
you can do and in what timeframe. Next on the list is 
what definitely has to be done. For example, what 
needs to be photographed and how. Then you'll need 


The beauty of digital photography is not 
only that you get your results quickly, 
but you don’t have to peer at tiny 
transparencies one by one to make 
picture-editing decisions. On the other 
hand, the quality reserve of a good 
transparency is very high indeed. 


to organise the practical requirements of the project: 
location, items to be shot, models to be hired, studio 
to be booked. Timing and budget should always be at 
the top of the list because they determine what you 
can do, and how quickly. 

With all of the above in mind, create a list of what 
you need to run around like crazy doing in order to 
make sure it all happens — in the right sequence, on 
time, to budget and to the requisite quality. 


Pro or DY? 


One key decision is whether you do the shoot 
yourself or hire a professional. It’s tempting with 
digital photography to think that even if you aren'ta 
great snapper, you can keep checking the results 
until you get it right, so why pay for someone else 
to do the job? 

A safe rule is this: the more the results matter to 
you, the more you need a professional. For 
publications like mid-market property papers or in- 
house magazines in smaller companies, basic results 
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will do. Noone's going to thank you for spending a lot 
of money meeting unnecessarily high standards. But 
as soon as your company’s reputation is on the line, or 
when you're trying to sell a product or your services, 
you'd be wise to think very hard before going DIY. 

There is a half-way solution. Take the pictures 
yourself but shoot them in a professional studio. This 
is an attractive option because the studio can and 
will look after you — from providing the essential 
constant stream of coffee and croissants to ensuring 
that all the lighting and props you need are ready and 
working. The studio may even help you to find 
models, and will have back-up services like couriers 
and processing already set up. Studio staff often 
make the best assistants as they obviously know 
their way around the studio. 

Finally, don't forget that the only stupid question is 
the one you didn't ask. The technicalities of modern 
digital photography mean that there are very few 
photographers who know everything. So don't be 
afraid to ask if you're not sure about something. > 
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SCENARIO ONE: 


orking with professionals 


rofessional photographers may seem costly 
until you add up all the services they offer for 
their money — they take care of all the small 
details. Besides, a good pro is not a robot who simply 
does as he or she is told; they'll suggest new angles and 
ideas that you may not have thought of. Think of a good 
professional photographer as an integral part of your 
creative team, someone who can earn his or her fee 
with just one idea that has escaped your art director. 


Technical burdens 


A professional takes care of the technical details. This 
can include everything from using the correct lenses 
to supplying image files in a format that minimises 
work for your printers. Also, if the computer 
misbehaves or wont talk with the digital camera, it’s 
the pro, not you, who has to sort it out. There are other 
technicalities too: locations may need permits 
arranged and clearance from local authorities, and 
models need to sign release forms. These are things 
you're paying the photographer to take care of. 

To ensure that everyone is clear about their 
responsibilities from the outset, it’s best to ask for an 
estimate (for a smallish job) ora quote (usually for 
bigger budgets). Costs can overrun an estimate by a 
little, but a quote is a contracted figure and won't 
change. In addition to the photographer's fee, expect to 
pay for studio hire, props and special equipment, 
models’ fees if needed, as well as basics like lunch. 
You'll want to control the latter if you hope to get any 
work done forthe rest of the day. If you’re not sure of 
the going rate for fees, get quotes from two or three 
professionals. Be upfront about copyright — by law, 
photographers hold copyright of their pictures 
(however much you pay) unless you negotiate 


Top tips 
+ Brief your photographer clearly and precisely — 


photographers aren't mind-readers. 


- Ensure that a member of your art team is at the photoshoot to 


avoid having to re-shoot later. 


: Pay fair, play fair — contented photographers will give you 
their best. 


- Keep a record of discussions, decisions and instructions. 


«In UK law, copyright belongs to the photographer unless you 
all agree differently in writing prior to the shoot. 


1. The downside of working digitally is that it’s 
difficult to view a whole set of pictures at 
once except as thumbnails ona screen. With 
prints, a set can be laid out for everyone to 
see and discuss, under the art director's 
steely gaze. 


2. For special art-directed shoots, such as for 
the legendary Joy of Sex, which required 
deliberate over-exposure to give a high-key 
effect and a cool colour balance, you need to 
know what you're doing. Hire a pro. 


3. Photography of modern, hi-tech items is 
easy using a large soft-box over your lights. 
But if you need clever lighting effects, you'd 
better call on a pro —a shot like this may look 
easy, but it’s very tricky to light. 


otherwise before the photoshoot. Get all agreements 
down in writing. It’s cool and friendly to do it all on the 
basis of a handshake, but if anything goes wrong, you 
need to protect yourself, the photographer and 
everyone else involved. 


Detailed briefing 


A professional photographer is only as good as the 
ideas and concepts you communicate to them. And not 
over bottles of wine either — that road is fun, but 
blurred memories could lead to mistakes. For your 
briefing, use diagrams, design roughs, artwork and 
examples of work that you like. All of these are really 
useful points of reference. If you have difficulty 
communicating ideas, get someone else to do it. You 
need to be sure your photographer fully understands 
the brief. With good communication, your photographer 
will become part of the team, and a fun, creative and 
rewarding working environment will follow. 


DIGITAL CAMERA 
ROUND-UP 


Canon PowerShot G3 


Website www.canon.com 
Price £699 


Conventionally shaped and robustly built, the 
4-megapixel Canon G3 offers a fast f/2 lens of top- 
quality performance. The viewfinder gives a direct view 
— it’s small but it doesn't jerk around when you move the 
camera. The zoom range is the equivalent of a useful 
35mm-140mm, but the zoom steps are too large. It’s a 
fast, responsive camera that's easy to use, with most 
features easily found and adjusted. However, attachment 
of lens accessories blocks the viewfinder, which forces 
you to use the small LCD screen on the back. It supports 


a wide range of flash-units and a wireless remote. 


Fuji FinePix S602 Pro Zoom 


Website www. fuji.com 
Price £750 


Acompact, capable camera, the Fuji S602 Pro is built 
around a high-quality electronic viewfinder — an LCD 
screen viewed through an eyepiece — as well as one on 
the back. The lens is fast at f/2.8 and covers a wide 
range, from 35mm to 210mm. The 3-megapixel sensor is 
arranged so that interpolating a 6-megapixel image 
produces good results. It’s a pleasure to use, with 
focusing speeds significantly better than average. But it 
can be slow to write high-quality files. The Pro version 
offers a PC socket for studio flash synchronisation as 
wellas a 340MB Microdrive for storingimages. > 
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he great advantage of digital photography is 

that you can check the results during a shoot to 

ensure you're on the right track. If you’re a 
competent photographer and want to save money, you 
could try shooting the job yourself. And if you've got a 
digital camera, a computer and a basic knowledge of 
image manipulation, why not give it a go? 

The key is to keep things simple. Use the largest 
soft-box (a big tent-like thing fixed over the lamp to 
diffuse the light) on a flash and almost anything can be 
made to look good. Don't add another light to make the 
shadow side lighter, but do use a reflector — a large 
piece of white card will do. And use a studio flash-unit 
as you can always check the results. Be warned that 
many consumer digital cameras don't have the socket 
needed to synchronise with the flash, so check the 
specifications carefully and don't be tempted to rig up 
anything unofficial or you could blow up your camera. 


Work economically 


Don't be tempted to buy costly props, hire the best 
catwalk models and book the biggest studios — 
nothing guarantees professional-quality images, least 
of all lavish spending. A good deal of fine photography 


Expertise provided by Tom Ang. Tom is a photographer 
and author of numerous photography books. He's 

also Senior Lecturer in photography at the University 
of Westminster. You can contact Tom at [e] 
angt@wmin.ac.uk or via the School of 
Communication and Creative Industries, University 

of Westminster, Northwick Park, Harrow, HAI 3TP 


has been shot in the corners of small rooms — fashion 
accessories, consumer products and books can all be 
shot in an office that is suitably rigged up. 

Another way of saving money is to avoid working at 
unnecessarily high resolutions, with consequently 
large file sizes. Many brochures and publications use 
perhaps one image at full A4 size (20MB can be 
enough), and all the others will be very small (usually 
less than 3MB each). Modern and inexpensive 
software such as S-Spline and Genuine Fractals doa 
superb job of enlarging files so that even experts 
would have to search for differences between output 
from a 4-megapixel and a 6-megapixel camera. On 
this basis, 4-megapixel cameras will give you all the 
quality you need for professional results, assuming the 
camera has a good quality lens. 


Dry runs 


Even if you're a keen photographer, working to meet 
quality standards against a tight schedule will offer 
new challenges. Prepare yourself by doing a dry run. 
Try out your lighting ideas on a friend or partner, and 
check the whole system works — laptops, connecting 
cables, data storage and so on. Get the props and set 
up your room before the shoot if possible. If you hire 
anything, like a pro-grade digital camera, make sure 
you take it out a day before you need it. This will give 
you time to work out how to use it and also get a feel 
for how quickly it works, how long the battery lasts, and 
other important features. Make sure you don't find 
yourself having to flick through the instruction book 
while on the set — few things can be more 
embarrassing — or having to recharge the battery 
while everyone waits for you. 


Top tips 
- Keep lighting soft and simple — nearly anything can be lit 


with a lamp and a large soft-box. 


+ Avoid scheduling shoots over a weekend — you could be 


stuck if you need to buy anything. 


+ Take all the spares you might need — memory cards, 


batteries, laptops, cables or portable drives. 


- Don't skimp on the legalities — obtain model releases from 


the models, and insure against injury while on the shoot. 


- Book the studio for double the time you think you'll need — 


remember, you're not a pro. 


1. Allit takes to turn a living room into a studio 
is one light and a carefully chosen background. 
Here, professional photographer Ben Edwards 
shows how much can be achieved with careful 
control of lens and light. 


2. For the majority of portrait photography, the 
soft-box can turn the clumsiest lighting 
technician into an expert. All it takes is 
inventive positioning of the lamp — here it is to 
the right, above and, importantly, slightly 
behind the subject. 


3. The most common problem with home 
lighting is that it's too yellow-red. In some 
circumstances, such as product shots, you 
should fully correct the colours. For others, 
including mood and room-sets, full correction 
isn’t best — you should leave the balance warm. 


DIGITAL CAMERA 
ROU N D-U Pp CONTINUED... 


Nikon Coolpix 5700 


Website www.nikon.com.uk 
Price £899 


This, the latest Nikon, can produce fine imaging with its 
wide-ranging zoom — equivalent of 35mm to an 
impressive 280mm — and 5-megapixel resolution. The 
body is handsome, but controls and menu structure are 
sometimes awkward, so access to the wide range of 
options is not as easy as it might be. This is one camera 
for which you really need the instruction book. Speed of 
operation isn't impressive while the focusing struggles in 
low light and at the telephoto end of the zoom. However, 
the in-camera processing of images — to improve colour 


and sharpness, for example — could prove very handy. 


Minolta Dimage 7i 


Website www. minolta.com.uk 
Price £699 


With an overall form and design like the Nikon and Fuji, 
the Minolta differs in being quite a bit bulkier — which 
many will find improves its handling. The Minolta also 
offers the only zoom capable of proper wide-angle 
without attachments — equivalent to 28mm — ranging up 
to 200mm. With 5-megapixel resolution, this camera is 
well capable of producing professional-quality results, 
aided by a versatile metering performance. A full range 
of camera exposure controls is available — under 
numerous buttons and menu choices — but the autofocus 
can be indecisive, especially at the long end, and some 


users complain of high power consumption. EEE 


| 
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SECTION EIGHT 


Preparing your 
files for printing 


After you've spent time and effort perfecting 
your magazine, it’s time to print it. Here's how... 


; y @ o you've planned your magazine. special finishes. The next step is to 
You have each section filled with prepare your files for output. 
. I ‘must have’ content and the Check your documents thoroughly 


images are allin place. with /nDesign’s ‘preflight’ tool then make 
You've done the cover shoot, sure all the images are updated. You're 
retouched the image and decided on now ready to create yourPDFs. > 


—— 


phy bigs s 
iff 


fh hay 


Illustration: Rob Hooper [w] wwwflamingpencil.com Se 
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Part 1: Checking your documents 


We're nearly there, just a few more things you need to do before the presses roll... 


Remote proofing 


At some stage in the magazine's 


production cycle, you may want 
to send pages to writers or 
proofreaders to ask for 
corrections or suggestions. 
Rather then post or fax pages, 
why not email low-resolution 
POF files? To do this, follow the 
same POF creation guidelines as 
described in this section but 
choose ‘Screen in the PDF style 
option. This will create a 
compressed PDF you can easily 


email or put online. 


Py The first thing to check is that all the elements 
on your pages bleed off the edges by at least 
three millimetres and also that any items sitting near 
the edge of the page are at least three millimetres 
inside the edge. The latter will ensure nothing gets 
cut off when the magazine is trimmed. 


So, after many weeks of blood, sweat and late 

nights it's finally time to send your publication 
off to be printed. Unfortunately, there are still a few 
things that need to be done. First, you need to open 
your documents and check them. 


Next, you need to make sure that your 

document doesn't include any spot colours. 
Choose Window>Swatches and make sure no 
colours have the spot colour icon next to them; if 
they do, double-click the swatch and change from 
Spot to Process. 


Eg Now just check over the document to make 
sure there aren't any unwanted items sat just 
off the pages. Any unused pictures will increase the 
file size of your documents so it's best to get rid of 
them now. 


i 


Another important and final check is to make 

sure that all your page numbers and section 
headers are correct. Give your page numbers a 
final cross-reference against your page plan and 
contents page. 


G Finally, there's no harm in running a final spell 
check over your document. Bad spelling can 
make your publication look amateurish, so take the 
extra time. Choose Edit>Check Spelling to run 
InDesign’s spell checker. 


Part 2: Preflighting your document 


InDesign’s Preflight feature takes the hassle out of checking your documents. 


Once the preflight check has been completed, 

InDesign will display a summary of the 
information found. Look out for Yellow warning 
triangles that indicate a problem, in this case a 
broken image link. 


With your document open choose 

File>Preflight. InDesign will take a few 
moments to check your document, and then display 
its results. Larger, more complex documents can 
take some time. 


Under the Images tab of the Preflight menu 

you can see any problems in more detail. Here 
we find that a graphic has been renamed or moved 
and the page can no longer link to it. We'll look at 
re-linking images in the next part. 


Part 3: Updating a broken image link 


As long as you can find them, relinking images is easy... 


aR If after preflighting your documents you find 
for whatever reason you've got broken image 
links, relinking is simple, as long as you still have the 
original files on your computer. With your document 
open choose Window>Links. 


The Links palette displays all the information 

about the status of the images within your 
document. Any images with a broken link will 
display a question mark in a red circle next to the 
image's file name. 


iS 
ad 


The broken link has now been re-established 

and the image status set to Up to Date. The 
Location field also displays the path to the new 
file. Repeat this process for all the missing images 
until there are no further broken link icons in your 
Links palette. 


4 | Once you've established what has happened 
to the image, click Relink, and use the browser 
to locate the moved or renamed file and open it. If 
the original image has been permanently deleted, 
you won't be able to do this. 


Double-clicking on your problem image will 

display more detailed information about its 
status, including its original file name and, under the 
location heading, where the file was originally 
imported from. There should be enough clues here 
to work out where the image has been moved to or 
what it has been renamed to. 
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# 
G Finally, it's a good idea to do a visual check of 
your updated images to make sure you haven't 
substituted a wrong image when you updated it, 


and that the crop of your pictures hasn't changed 
after updating. 


Part 4: Packaging your documents for output 


You'll have to supply your files to the printers in one of two ways. Here's the 
old-fashioned method of doing things... 


First up, you need to fill in a printer instruction 

file — this will be included in the final package 
and includes contact details in case of any queries. 
It's also a good idea to make the other instruction 
section at the end as detailed as possible to avoid 
any confusion. 


rt | Your printers will either require you to supply 
PDF files of your final pages or all the 
individual files such as pages, images and fonts. 
InDesign enables you to do both, so let's start with 
the latter. With your document open, choose 
File>Package. 


You then need to specify where you want your 
package saved — by default, InDesign adds 
‘Folder’ to the end of the document file name 
you're packaging. This fits in with our established 
file-naming convention so we'll stick with it. > 
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Packaging your documents for output continued... 


4 | If you followed our advice in the Admin 
section, you'll have already made sure that 
you've got the licence to use your fonts. However, if 
it slipped your mind, InDesign reminds you about 
font legality before packaging your document. 


5 | InDesign has now packaged the original 
document into our chosen destination folder, 
creating a separate folder for our links (images) and 
fonts along with the original InDesign page. These 
are all copies; the original files remain in their 
original location. 


PACKAGE DATE: 03/02/2003 20:27 
ation Date: 26/01/2003 
ification pate: 03/02/2003 


ONTACT INFORMATION 


company Name: Future Publishing Limited 
et Dylan Channon 


phone: 01225 442244 
ax: 332950 
email: dylan. channon@futurenet. co. uk 


ISPECIAL INSTRUCTIONS AND OTHER NOTES 
hese is the homework feature, pages 24-26 inclusive| 


prernal Plug. drs 0 
Ion Opaque Objects :None 


ONTS: 
Fonts used; O missing, 0 embedded, 0 tncomplete, 0 protected 


6 | All the files your printer needs are now ready. 
We suggest printing a hard copy of the final 
document for the printer along with a copy of the 
printer's instruction file you created, perhaps 
keeping an additional copy in the features job bag 
for your own reference. 


Part 5: Creating PDF files of your pages 


Packaging your documents is fine but clumsy. PDF is a much neater way of supplying your pages for print... 


1 | Creating PDF files of your documents removes 
the need to supply discs full of images and 
fonts to your printer. It means extra work at your 
end but this could speed up the printing process 
and, indeed, some printers will offer a discount if 
you supply your pages as PDFs. Check with them 
when you're getting quotes. Learn more about PDF 
technology at [w] www.adobe.com/acrobat. 


G Now you need to set the options for your PDF 
file. We'll talk about the default settings for 
creating PDF files here, but it's always a good idea 
to speak to your printers to see if they have any 
specific settings they want you to use. 


To make a PDF of your document, open it and 

as before make sure that all your images are 
linked, in the same way as if you were packaging it. 
Then choose File>Export from the main InDesign 
navigation bar. 


G As we said, there is the option to set Custom 
settings for your PDF but this'll be based 
specifically on your printer. We'll choose the preset 
‘Press’ option from the PDF style menu, because 
this will give us a PDF file suitable for most printers 
and presses. 


g You'll now be prompted where to save your 
exported page. Choose the PDF option from 
the drop-down menu and /nDesign will 
automatically append the .pdf file extension to the 
original document's name. Click Save. 


G The first thing to look at is the compression tab 
in the Export PDF menu. Because we've 
chosen the ‘Press’ PDF style, there will be practically 
no compression and all our images will be kept at a 
resolution of 300dpi. 


Web links 


There are lots of sites on the 
Internet dedicated to giving you 
tips and techniques on creating 
and managing PDF files. Here 
are a few... 


Adobe's Official PDF Site: 

The official line on Acrobat and 
the definitive resource for all 
things PDF can be found at 

[w] www.adobe.com/ pdf 


Planet PDF: 

[w] www.planetpdf.com/ isa 
good commercial site with tips, 
tutorials and a useful user forum. 


Enfocus: 

Athird party site offering 
professional PDF workflow 
solutions for verifying and 
checking POF files at 


[w] www.enfocus.com/ 


You need to make sure that InDesign adds 

some extra items to your pages for the printer. 
Under Marks & Bleeds make sure that the All 
Printer’s Marks box is checked — this will add all the 
registration marks and crop marks your printer 
needs to print and then trim your pages. 


Exporting page: =28 - Generating POF 


eee ee 


10 | InDesign will now create the PDF file based on 
your settings. Be prepared to wait a while if 
you have documents with large amounts of images. 
It's something to bear in mind when working out 
your schedule. 


‘SOK 
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9 | Finally, under the Summary tab you can view 
all the information about our PDF file. It's a 
good idea at this stage to click Save Summary and 
save the summary file, in the same way that we 
saved our printer instruction file when we packaged 
our document. 


8 | Now you need to ensure that your PDF will 
be produced in CMYK as opposed to RGB. 

Under the Advanced tab choose CMYK from the 
Colour menu. 


Your PDF will be saved in your specified 

location. This is all you need to supply to the 
printer; there's no need to supply any graphics or 
fonts as before as they have now all been 
embedded into the file. Open the file in Acrobat 
Reader to give it a final check. 


Li SAE 

12 | It's your last chance to make sure nothing has 
dropped off or changed colour. Also check the 

printer's registration marks and that the PDF 

includes the three millimetre bleed we specified. 

Print out two copies, one for the printer and one for 

your records. 


Part 6: Transporting your files and archiving 


The final steps to making your magazine launch complete... 


After weeks of planning, designing, then preparing 
your files for the printer, you need to now consider 
how to get them there, and clearly a box full of 
floppies isn't going to be enough. Check with your 
printer to see what media they can accept and also 
discuss what platform they're using: PC or Mac. It's 
important to get these issues ironed out early on, as 
sending the printer a disc that can't be read on 
deadline may mean you miss your allocated print 
slot resulting in unwanted delays. 

It may be possible for you to send your files to 
the printer via ISDN if you have it, or by using a local 
repro house that could offer this service to you. This 
may be an option if you're supplying PDF files, as 
they're much smaller than larger packaged 
documents with all their supporting high-resolution 
images. In all cases it's a good idea to support your 
electronic files with printouts and a page plan. 

Even if you do send your files by disc, having 
access to an ISDN line could be a godsend if, when 
your discs arrive, there is the odd missing or corrupt 


file, especially if your printer is not local. Again, the 
added time of resending files could result in delays. 

When your magazine is finally printed, the only 
remaining consideration is archiving. Don't rely 
on the printers to do this for you, as most 
won't offer this service. Make sure you back 
up all the files you used on the pages, and all 
the original files like copy and images supplied 
by the authors. The best method of archiving 
is on CDRs; the relative low cost means that not 
only can you back up your entire publication quite 
cheaply, you can make more than one archive copy 
and, of course, keep them separate. 

With your weeks of toil and torment over, and 
your magazine now safely in the hands of the 
printers, it’s time to lean back in your chair, light the 
biggest Havana you can find and reflect on your 
new-found career as a publishing tycoon. Our final 
tip is to get straight to work on the next issue, 
because the deadline will come around all too 
quickly. Believe us, we know. FERS 
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Getting your magazine 
onto the Web 


The Internet enables your magazine’s wares to be sampled by people from all around 
the world. However, transferring content and offline design to the Web takes far more 
effort than outputting dozens of JPEGs from a DTP application. We investigate what 


makes a successful leap from print to Web... 


s the Web becomes increasingly ubiquitous, 
it’s no surprise that print-oriented 
publications are looking to get online. 
However, the Web is a very different beast to 
print, and simply transferring a magazine to it — lock, 
stock and barrel — is a recipe for disaster. This isn't just 
true for the design, but also for how the Web is used. 
People browse magazines, spot something of interest 
and then read an entire article, word for word. Online, 
people are more interested in researching particular 
subject areas and then subsequently accessing related 
material, their eventual path often becoming disparate 
from the original piece. 

Recognising such habits is crucial to an online 
magazine's success. Furthermore, limitations of the 
Web need to be taken into account. These range from 
technological restraints — resolution, download times, 
browser quirks and platform variations — to physical 
things, such as text being harder to read on screen. 
Offline publications must be reformatted and carefully 
tailored to the Web: editorial should be streamlined 
and displayed in a readable font in order to avoid 


NEW & NOTABLE 


‘8 mechanism 
by shifting weight, rather than fiddling with levers and 
knobs. It's made with highty recycinble content and durable i 


With strong branding (especially on the front page) and stylish layouts, /D 
magazine's Website at [w] www.idonline.com is one of the more successful 


efforts out there, once again proving that simplicity is key. 


visitors straining their eyes; 
images should be optimised 
to avoid lengthy downloads; 
and there should be effective 
navigation, enabling a non- 
linear approach to browsing 
the mag. Flicking through a 
hundred print-based pages 
may only take seconds, but 
following the same linear path 
online is tedious. 
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decided. Are you simply the general design is simplified somewhat. Images are greatly reduced in size, 
giving a wider audience and text is placed within a single column so the user doesn’t have to constantly 


access to your material, or are scroll up and down the screen. 


you providing added value, 

with things that simply aren't possible in print? Most 
designers immersed in online magazines decide on 
the latter. “Regurgitating the contents of an 
offline magazine benefits noone — you end 
up being a direct competitor to yourself,” 
explains Redmagazine.co.uk’s Sarah Stone. 
“Therefore, the majority of our Web content 
is bespoke.” 

If offline content is dominant, people 
crave added value. Mark Johnson of Clear” 
cites the Guardian's site at [w] 
www.guardian.co.uk as a good 
compromise: “It compliments the daily 
print publication, but exists as an entity in 
its own right that’s able to build channels 
and a community of users.” However, 
although we're told ‘content is king’ online, 
it’s hard to be impressed visually with the 
Guardian Website. While it’s perhaps 
acceptable for a newspaper, a magazine's 
style is part of the appeal, and such a plain 
site would be detrimental to many brands. > 
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Rosie Walford of The Big Stretch at [w] 
www.thebigstretch.com argues that, as with 
offline publications, strong art direction is 
paramount to online counterparts: “For our 
project, it was crucial to not compromise 
the spacious feel of the magazine, and also 
to include recognisable design elements, 
such as strands and section heads.” 

Recollective’s Jane Austin agrees, but 
warns that you must pay careful attention 
to each medium. “Print magazine design 
can be flexible, but the Web is more 
restrictive, and you're likely to runa 
template from a content management 
system to make updating simpler.” Instead 
of several page designs being used 
throughout, a standard template for an 
entire Web magazine is common; indeed, 
this can be beneficial, because when 
people explore in a non-linear fashion they 
won't be jarred by sudden changes in design style, 
navigation and layout. Such consistency is hard to 
achieve, so writing and adhering to carefully written 
guidelines is a must. 


Don’t be too flash 


Another major change compared to print is 
the rapid evolution of Web technology, 
which some employ to provide added 
pizzazz to their sites. The most common 


‘You can have an exchaive preview of the Honesty video by eficking on the ink below 
‘Hanantly (Windows Media) 
Zwan play their debut UK date at Shapnarde Busn Empre on 12 February 


The amateurish feature page layouts let down Q magazine's Website. For 
instance, witness the way the copy hugs the photograph — a common 
occurrence throughout the site. 


example is Flash, but beware: this is rarely 
successful for online magazines, even when 
used in small doses. For example, take the 
front-end and navigation for i-D magazine's 
site at [w] www.i-dmagazine.co.uk. Each 
trip to the homepage forces a gruelling 
reload of the page's copy, which eventually 
fades into the article navigation — 
exploring the site is a chore. There are rare 
triumphs though. Stockholm New’s online 


tpoaunsederuk-com 


wa. mayiouk.com/ipc 


ontace wall paper.com 


AC rertiting represental ves 


Bountoad PoP 


Despite its high standing within design circles, the current incarnation of the 
Wallpaper’ Website is a bland affair that fails to impress. This is quite a surprise 
seeing as previous versions were lively, interactive affairs. 


Sites worth seeing 


The success of an online magazine 
depends on many factors, including 
content, usability, branding and legibility. 
Here, we look at ten current sites and 
explain what they do well and what could 
be improved upon... 


Lam Tharg, editor of the Galaxy's Greatest Comic that has LSA2) 
featured Judge Dredd, Rogue Trooper, Strontium Dog and 
o ‘ver the past 25 years. Click 


‘00 the links below for an insight into the latest goings-on in 
my zarjaz world. 


WANT TO WORK FOR 2000 AD? 


Rebellion has an Ad. sales vacancy within the 2000 
Jadon Dredd Meaaring nushlichino team. |mare...) 


[w] www.2000adonline.com 


2000 AD’s effort contains all the elements you’d expect 


AD and Pig | Compatitons 


from a comic’s Website: strong branding, large images 
and integrated panel-based artwork. Straightforward 
navigation enables you to rapidly explore the site, 
although de-facto online comic strips are presented as 
linear affairs, mirroring their offline counterparts. 


vouwms 


IM 18 MAGATING 


©. 


[Ww] www.elle.com 


The Elle Website is a fairly stylish effort and makes 
effective use of its homepage, combining aspects from the 


magazine’s cover and contents pages. Pull-ins encourage 
you to view recent articles, while the navigation bar is 
integrated into the site design but doesn’t distract. 


equivalent at [w] www.stockholmnew.com is 
innovative and stylish. Visually resembling 
the offline publication, it enables you to 
explore it as such. However, the site also 
presents practical and usable application of 
Flash: navigation is possible via the cursor 
keys, and the site usefully provides global access to a 
‘site map’, so you can jump to any page. 

The lack of compelling Flash-based online 
magazines means most designers stick with HTML. 
Leaps in browser compliance means there are various 
methods you can employ. A common tried-and-tested 
technique is using a visual Web editor and building 
pages with tables. With care, this can work well — 
witness [w] www.theonion.com, which apes an offline 
newspaper with some success. However, such site 
layouts are often tricky to edit and update, as table 
cells are merged, split and merged again. The more 
technically minded should instead exploit Cascading 
Style Sheets. Wired News at [w] www.wired.com 
utilised them for its recent redesign, and the upshot is a 
‘skinable’ site with faster download times, which is 
easier to edit, and accessible. While technically 
oriented, the design documentation for this redesign at 
[w] www.stopdesign.com/wired/docs/ makes for 
interesting reading should you want to experiment. 
Because CSS enables you to separate design from 


Tootot For Us TV! 
ars at David Lachaoate 


py "Suita Rana 
Prewixocis | 


(W| www.fhm.com 
The FHM Website predictably follows its offline 
counterpart in making a scantily clad model the centre of 
attention. The brash, colourful design is suitable for the 
readership, and the semi-randomised nature of the 
contents on the homepage is a nice touch, giving the 
impression that the site is constantly being updated. 


more from a holiday than a sun tan, an 
ti liday could be right up your street. And 
are lots to choose from 


od Buffalo National Park covers an ares larger 
than Switzertand and offers geological curiosities 
and fiora and fauna in abundance, says Kisha 


whales and floating icebergs, 
mreats her revaa ho odgun Fes ant 
Hollywood was lured to beautiful Newfoundland 


While the Web tends to have more layout restrictions than magazine design, 
some practices can be retained. Here, spirit-of-canada.com effectively uses a 
boxout in order to provide complimentary information to the main body copy. 


content, the underlying Web page code is more logical, 
and so the visually impaired are more likely to have 
success with screen readers. While CSS initially 
requires additional grunt work and the learning of some 
coding, it’s conceptually closer to a DTP application 
than typical Web design, because you create ‘boxes’ 
and can position them with pixel-perfect accuracy. 
Careful CSS design means page elements 
neednt affect one another, and makes it 
easier to create familiar page elements 
online, such as boxouts and sidebars. Check 
out [w] www.bluerobot.com for some ready- 
made layouts to experiment with. 

CSS also provides a way of keeping 
typography details in one external file, 
rather than using font tags, which must be 
applied to each individual element. 
However, the Web severely limits your 
choice of fonts — Verdana, Arial, Impact, 
Georgia, Times New Roman, Comic Sans 
MS, Trebuchet MS and Courier New are > 


[w| www.i-dmagazine.co.uk 


Fashion and style magazine i-D presents the best and 


worst of online design. The use of white space and large 
images is appealing, but the latter are pages ported 
straight from the magazine, and any text proves 
impossible to read. The less said about the extremely 
irritating Flash-based front-end, the better. 


Drunk, Debauched - Nothing Unusual 


After a good few hours on the piss, my Irfsh mate and | 
were a bit rubbished (| was trying {0 keep up with him - have 
you ever drunk with an Irishman?). We were in this pub 

when this really hot chick came in offering us barn dance 
Uckets for that night at £20 a throw. She promised she'd be | 
there, so we bought ‘em. he 
So, out in the Wiltshire countryside was this huge party with |4 
bands, free tood and beer by the keg. That's all | remember.| ¥ 


Directly porting aspects from offline designs can be a hit-and-miss affair. 
Witness this section from the FHM Website. While visually appealing, the tiny 
text box hampers usability - you really shouldn't have to scroll to read such 
small amounts of text. 


NATIONALGEOGRAPHIC 
[siteindex 3 


(w] www.nationalgeographic.com 
While National Geographic’s Website compliments the 
offline brand, all that black is a bit harsh and serves to 
draw the eye away from the content. The cluttered 
homepage also throws too much information at you at 
once, making for a confusing start. 
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NewScientist.com 
UPDATED THROUGHOUT THE DAY 


NewScientist.com 


Arctic whales dive for science 
‘Ocean sciontiats recruit wild whales to thelr team to probe the waters deep 
iN an Arctic ford for the first time 


Wed 22 Jan 03 13:19 GMT > more news 


beneat 
10:54 22 


Marijuana’s link to herd drug Australian bush fires closed 
Network 


Deep Space 

poop aso Tovced NASA‘ racking 

Fechy ortine tor four hours, he 

Astronomical cost 


Firestorm in Canberra gut an 
‘observatory and shut down @ NASA 
ate 


T2302 Janam 2003 


UK backs greater animal 

testing openness 

‘The government is to publish 

summaries of anima) experiment = = 

eence applications, but rejects full 

Gea 21 denesry 2003 Censoring science 

‘Could we ~ should we - try to stop: 
potentiaily deadly biotacn research 

» conference reports > more news: getting into the wrong hands? 


Collectons of the latest articles on the mest exciting areas of science, 


While [w] www.newscientist.com has a cluttered homepage, careful use of 
colours, such as the white surround and use of light blue, means it suffers less 
than National Geographic. 


the only ones that are pretty much 
guaranteed to be installed on any visitor's 
computer. This is an important fact to bear 
in mind, as your site's visitors must have 
installed the fonts you use in your Web 
pages for them to be displayed. Nevertheless, as John 
Henry, Managing Director of Henry Morland, explains: 


WOME NEWS 


NEW LAYOUTS 


“Applying them with total consistency 
throughout a site at least ensures the 
professional feel of an offline publication is 
retained, if not the actual typography.” 


Be image conscious 


Redmagazine.co.uk’s designer, Rowena 
Marella, plumped for image-based text 
for headers and labels: “We can't rely on 
Web typefaces for everything, as they 
look amateurish and pixellated when 
enlarged.” Jane Austin agrees: “Such use of 
graphical text gives a richer feel to online 
magazines, but remember to give such 
images ‘alt’ tags, so the visually impaired 
can make sense of the article and not lose 
important information.” 

Henry Morland counters: “Graphics 
should be used sparingly, and body copy 


eget wisi semper congue. [more] 


NEWS AND UPDATES ABOUT US 


MAKING LITTLE 
PEOPLE 


Duis emt enim, pellentesque ut, 


yo RODUCTION 

que fermentum, neque in dolor 
ans eneeyen i oanee 
dignissim ligula. Sed interdurn 


gravide rhoncus, sallicitudin ut, lectus atiquet libero 


‘est. Suspendisse ut lea. 
Pellentesque scelerisque turpis nec 
massa. Etiam erat arcu, posuere 
eget, malesuada ev, scelerisque et, 
ui, (more) 


Proin edio ipsum, consequat in, 
<ignissim id, tincidunt non, felis 
Vivamus ut lectus sed turpis 
consequat accumsan. 


CONTACT DETAILS 
‘ick the links below to email us. 


- Advertising 


“Hints & tips 


While columned pages should generally be avoided online, they’re useful when 
each column has separate content, all of which has the same priority. Careful 
use of them on a homepage can pay dividends. 


should always be in standard text format. Setting this 
as graphics will slow downloads significantly, and also 
make cross referencing nigh-on impossible and 
updates incredibly onerous.” 

Photographic images should also be chosen with 
care. You don't have the same room for manoeuvre that 
you do with print, and huge images will make visitors 
leave in droves, rather than suffer huge download 
times. If you need to display large images, make them 
optional by linking from thumbnails. Also, avoid 
amateurish errors, such as setting image resolutions 
above the Web standard (72dpi), or using CMYK. (The 
best Web development colour space is sRGB, as it’s 
the Windows standard — and Windows users are the 
bulk of the potential audience.) 

Some things that work well in print should be 
avoided online. Closely related colours are tricky to 
make out and, as Henry Morland says: “Reading text 
on screen is more difficult anyway, so it’s inadvisable 
to make it even harder by overlaying small text ona 
picture.” Other elements transfer well, though, 
including mastheads, titles, strapline and boxouts. 


Sites worth seeing 
continued. 


Yorean presant tn Jong 
unfolded into » 70-foot-tall, 62-ton giant | 
robot Monday 
Plt Tat 
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[Ww] www.theonion.com 


“America’s Finest News Source”, the Onion unsurprisingly 


presents itself as an online newspaper, complete with 


masthead. The use of short, snappy article synopses 


means many can be seen at once, while small, varied 


accompanying images break up the copy and make the 
site feel lively. 


Customise your antive Nore, person ane even word wet 
‘Glia borhers tw service, Cruate your 
en Lahits. hey-cnge. mote poe covers ard more wth 
{Gtrusc's toe tages why nl your own? 


competition 


‘You coud be the proud owner of the eae a wed by the 
ee Fomerstrenan onthe cover of te mone 


QSPECIAL EDIMONS: 


[Ww] www.q4music.com 


Q’s Website looks a little dated, extensively using rather 
old-hat 45-degree angles. Good use of brand, colour and 


navigation are often hampered by poor internal page 
layout, although the opening pages for each section are 
clear and usable. 


ATLIST/APAR 


29 October 2001-—Iaave No. 124 
‘One of TWO articles 


DESPITE THE PREVAILING WISDOM that "users don’t read,” discussions about 
‘nline typography do get a lot of attention and space~A List Apart alone has 
run half a dozen articles abaut presenting text effectively on the web. 

‘So if you've been paying attention, you probably already know the basics 
‘of ontine typography: legible fonts are good, CSS Is essential, and relative 


foot siting is tricky. 

‘There's another axpect of online typography, however, that's been almost 
‘envirely ignored: well-formed punctuation, Not just grammatically correct 
(that's a good first step), but typographically correct punctuation. 


A belat history of bad browsers: 
‘A tew years ago, there were good reasons for web developers to take the 
‘easy way out: an HTML spec that lacked recommendations for appropriate 
symbols, combined with rowers that frequently ignored what standards 
‘existed, made that level of precision next to 

So it made sense to use double hyphens (--) instead of em dashes and 
double primes (*) instead of quotation marks. In any case, those workarounds 
‘were already famitiar to anyone who'd grown up with typewriters, and readers 
adapted to asci-only typography during the early days of the Internet when 
usenet, email, and the web all shared the same primitive markup and text 
display. 


When creating layouts, Morland suggests: 
“Think of the eye scanning the page and 
play to that. People do this more on Web 
pages than when reading printed 
magazines.” Unlike the printed page, you 
cannot see everything at once, so the most 
important elements should be at the top of 
the page. Avoid columned text, otherwise 
people will have to constantly scroll up and 
down, and don't simply make your 
homepage the online equivalent of a cover. 
Use it to display key elements of your 
content, teasing readers with it, and luring 
them deeper into the site. 


Make it logical 
Finally, think of the bigger picture. Create 


efficient navigation so people can rapidly explore the 
magazine, and cross-reference all material so users 
can follow their own thread. “Design the information 
into logical strands of increasing depth,” suggests 
Rosie Walford. “Then people can surf 
information both horizontally (top-line on 
all main aspects) and vertically (for more 


detail on any one subject).” 


The Web also provides further benefits 
outside of design. “Its interactive nature 
allows instant entering of competitions, and 
forums provide the capacity for interaction 
between readers ina far more satisfactory 
way than magazine letters pages,” explains 
Henry Morland. It also has an immediacy 


| A Call To Action | 
| Much effort has been made | 
| to ensure that the layouts in| 
| the BiveRabot Layout | 
| Reservoir appear as intended | 
| i e852 compliant browser. | 
| The content stiould be 

| viewable, though unstyled, in| 
{eer wok eee aot 
| encounter @ problem that is | 
| not listed as a known issue, 1 | 
|, se mast eat not aware of | 
| ie Please soma mer 8 

| heads-up. Your neip wit! 

| ene he ether te oraia | 
| people whe wise this sie 


With the popularity of three column layouts, this layout 's bound to be useful to 
many. You may have seen this technique used at diysamic sibboe sevice. In 
fact, this “Ranking menus” technique was devised by BkseRobot tor that site, 
Surprisingly, the technique nas caused quite s bit of talk. The concept is simple: 


content box with large margins is flanked by two additional (menu) boxes. 


An impartant benefit of this technique is the order of elements in the HTML 
source. Here, the order is essentiily content, menu one, menu two, For old 
browsers, text-anly browsers, screen-readers, and many alternative devices, this 
means that the content is displayed before the menus. And, stter sil, most users 
visit = page for its content 


Known Issues 

This layout fails in 1E4,.5/Moc. That browser has poor support for CSS absolute 
positioning, yet it recognizes and executes the CSS @import statement used to 
hide CSS from broken browsers. Currently, there is ne known solution. 


< Return te the Layout Reservstr :: View the CSS 


While many still plump for tables when designing online magazines, CSS 
layouts actually offer greater precision, control and flexibility. To get you 
started, check out the layout reservoir at [w] www.bluerobot.com, which has a 
number of stripped-down CSS layouts for general use. 


that print sometimes lacks, as Jane Austin 
points out: “When a magazine goes online it 
can be constantly updated, bringing you 
news as it happens.” So our final tip is 


‘These days, standards-compliant browsers can handle entity names, and 
even Netscape 4.x can manage numeric entity codes—but whry should you 
care? After ail, using the technically correct punctuation marks would mean 2 


perhaps the most important: keep the site 
freshly updated with new material. An offline 
publication wouldn't get away with providing 
the same content for months on end, and the 
Web is no exception to that rule. EEE 


A List Apart at [w] www.alistapart.com is a great example of an online magazine 
that takes advantage of the Web's benefits. The design is flexible and the copy 
easy to read. While primarily concerned with Web design, its articles on Web 
typography should be of interest to print designers. 


WW AFREE nem of THE FREE GROUND G5 DAY) SHIPPING 
‘Sond the GFT of THM me Ss pecbast oy Hom Det Heme 

sp Syne Be pecen U8 Ch rer ena 
BET Rd | Marine ummer Service fee 


@ EAI. x soe 


Peracy ve Privacy? 


RIAA's Rosen Sets Sights on ISPs 

© trondoand providers perme quick Gowrlowing of max es, 
twerefore, te hood of the Recording AssoCation of Ararca - 
vith scored a victory Tuesday with verizon ~ thinks they 
{rout be penalized. The reaction? UN, ne. By Michelle Deo 


Annoying Spam List: 

(@A spary-tter provider's list of the top 10 “most annoying” 
unk e-maits in 2002 ~- kent en masse to noms outlets -- seems 
to be nathing mare than another unsolicited message crowding 
the inbox. By Julia Scheeres 


Many Happy Returns for maxon 

@ Aevazon.com is expectes to post 2 profit in its latest quarterty 
repert. But some cbservers are concerned about the oaline 
retaer's weighty stock market valuation. By Joanna Glasser 


"© The Fancy Food Show serves up on array of 


[Ww] www.wired.com 


Nothing short of revolutionary, the Wired redesign sets 


|W] www.time.com 


One of the worst examples from a famous source, the 


(w| www.stockholmnew.com 


Stockholm New’s site is a rarity in terms of online 


magazine design. This innovative site more or less online edition of Time is a cluttered, confusing mess. new standards for magazines online. Not only does it 


mirrors the offline publication and primarily uses Flash, Trying to cram everything into as small a space as positively present the brand and incorporate much of the 


but its unique navigation and tailored pages ensure that possible results in things being harder to find. Its saving magazine’s design style, but it’s also usable, readable and 


accessible to any Internet-enabled device due to its 


it’s asuccess. grace is the well-placed search box... you’ll need it. 


extensive use of Cascading Style Sheets. 
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Printing: 


It’s important to build a good working relationship with your printer, 
because there are a number of issues you'll need to discuss with 
them to ensure your results look hot off the presses... 


Ss 


ost printers aren't just printers. Usually, 
they’re perfectly prepared to take on basic 
design and layout work too, although they 
{ will, of course, charge more for this 
service. This means that it’s possible to go to a printer 
with just a text document, but the more you can give 
them to work with, the more control you'll have over 
the finished job. If you can give them a file that’s ready 
to be passed straight onto their presses, you’re much 
more likely to get what you want. In general, there are 
several things to consider before you take your 
product to be printed, and a few pitfalls you can avoid 
if you carefully prepare your work. 


Choosing paper 


Paper comes ina massive range of styles, and it’s 
important to get the right one for your project. 


However, it’s just as important to be consistent. If 
you're going to be re-printing the same literature, 
make sure you use a paper you can get hold of again 
and again. 

Measured in gsm (grams per square metre), the 
weight of a paper stock gives a general idea of its 
thickness, but it’s not an absolute because some paper 
can be thick but have a low gsm (handmade paper for 
example). To give you an idea, copier paper is usually 
75-90gsm whereas card can be 300gsm and upwards. 
In addition to the normal paper types, there are a 
number of speciality papers available. These include 
decal papers for producing stickers fora range of uses, 
heat transfer papers, acetates and plastics. 

Simon Bradley, MD of printing firm Strawberry 
Solutions (see [w] www.strawberrysolutions.com) 
explains: “Paper merchants are only two keen to let 
you have all their paper ‘swatches’ to choose paper > 


Illustration: Martin Fewell [w] www.martinfewell.com [w] me@martinfewelLcom 
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from. These look good and are great for showing to 
your client, but in reality 95 per cent of print jobs are 
printed on ‘unspecified’ papers because people simply 
name their paper weight and finish — for example, 
300gsm gloss art, 10Ogsm bond.” Simon continues: 
“Unscrupulous printers will often attempt to print your 
work on ‘second’ or ‘b-grade’ stock without your 
knowing. Paper merchants sell tons of this stuff at very 
discounted prices, and printers rarely pass this saving 
on to their customers. Always ask your printer to name 
the make/stock — if you don't get this and you reprint 
later, you can almost guarantee different results.” 


Colour processes 


If you're just using one, two or three colours in your 
document, you'll probably have it printed using a spot 
colour method. This is where you pick the ink colours 
you want, and they’re simply loaded into the printing 
equipment. You may decide to let the printer match the 
colourto your original on-screen artwork, or you can 
use a Pantone swatch book — a catalogue of all the 
available colours in which each is given a unique code. 


This can save time and effort on re-prints because all 
you need to do is quote the Pantone number, and you 
can be confident that your work will be reproduced 
exactly as it was before (assuming you've used the 
same paper). 

If you need more than three colours, you'll print 
using full colour reproduction. This system takes four 
inks: Cyan, Magenta, Yellow and Black. The process is 
called CMYK (Cyan, Magenta, Yellow black) for short. 
CMYK printing can produce virtually any colour by 
mixing the four inks, so it’s suitable for producing full 
colour photos and illustrations. 

CMYK processes are generally aimed at high- 
volume printing. If you're printing just a small number 
of copies, costs can be high. Larger numbers — 10,000 
copies or more — make the process much more cost 
effective, and for large volumes, it’s often almost as 
cheap to go for full colour as single colour. 

CMYK relies on the background paper being white. 
Any other paper will destroy the effect, whereas you 
can use one-, two-, or three-colour printing on any 
paper, and even print pale colours on dark paper(do 
take advice from your printer before doing this, though). 


1. Paper comes in different weights 
(measured in grams per square 
metre) and different finishes. Make 
sure you choose the right paper for 
the job, and for your budget 


2. PDF format is the best way to send 


documents to the printers because it 
embeds all your fonts and images 


3. This leaflet has been produced in 
CMYK. If you can afford it, you could 
add a fifth colour, like a fluorescent 


Aside from the basic ink colours, you can also get 
special inks to produce any number of effects. “True 
spot inks such as metallic, fluorescent, Day-Glo and 
more recently heat- and light-responsive ink come in 
big pre-mixed tubs with a matching price tag. Used 
properly they offer some stunning effects,” says 
Simon. “| recommend putting the onus back on the 
printer, take them something to physically match your 
job to: your favourite T-shirt or last month's Computer 
Arts Special cover! Let them do the hard work.” 


Compatible formats 


It's a good idea to get talking to your printer early on in 
the process. If you find they can't take data in the 
format you're providing, things can get messy. 


Generally, most printers are pretty good about images. 


All the standard formats are usually fine. Some 
printers are a bit reticent about taking compressed 
formats (like JPEGs) but as long as the quality is set 
high enough, there's no reason why they should be. 

Bear in mind that your screen resolution is about 
72dpi whereas quality printed material will be about 
300dpi. What looks great on your monitor can look 
very bad on paper and unless you reduce their size 
massively, images designed for Websites will look 
dreadful. A 300dpi image means a six-inch photo will 
need to be 1800x1800 pixels — or around 10MB as an 
uncompressed file! > 


2 Adobe Photoshop - [leafletbc.jpg @ 200% 
B File Edit Image Layer Select Filter View Window 


i [AH/sa Fesce Windoys Tot | T igore Patter | Act Pe | _ sn cn'Screen | 


‘Dek mage to zoom in chek and rag to margoee team. Ute At and Cte for adetnnsl options 
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1. If your image looks like this on 
screen, it'll look much worse on 
paper. A computer screen only 
shows 72dpi - printed material is 
usually at 300dpi-— so you'll see 
every error in your compressed files. 


2. If you don't supply your fonts to the 
printer, their DTP package will 
automatically substitute your fonts 
with others. As well as making your 
document look different, it could 
cause the text to reflow as seen here 


A good tip is to zoom in on any images on your 
screen by four times to examine them. If the detail still 
looks sharp on screen, then it ought to come out 
looking good. If it doesn't, then just changing the image 
size won't help — you need to go back and re-scan or 
draw your image at a higher resolution. 

The colour format is another issue. If you work in 
RGB mode (which most people creating images for the 
screen do) then colours will come out differently when 
transferred to CMYK mode. Do the changeover 
yourself, or better still work in CMYK from the start, 
and you'll know what you're getting. If you submit your 
images in RGB, they'll come off the presses looking as 
though the ink was 20 per cent mud. 


For text files, things can be even more complex. 
Many printers won't have every desktop publishing 
package on the market, so you might have to convert 
your file between them. This can cause problems, and 
you'll need to send a printed version of the work so it 
can be compared to what appears on screen. 

“The designers’ most common mistake is not 
supplying fonts or only supplying the screen font and 
not the printer font,” says Dave Lingham from 
Whitmont Press in South London (01443 445412). 
“Worst of all are eps fonts. If vector images have been 
created (for example, in /llustrator) they need to either 
have the fonts included or the text saved as outlines 
and saved as an eps file (not an open Al file).” 


2 Eieameaeaae 


Most DTP and word processing packages don't 
send fonts with a document (mainly because of 
copyright issues). This means the package 
automatically substitutes them for the closest match it 
can find on the new computer. This may give the 
document an entirely different look and, more 
importantly, it can change the size of words, so text 
that fitted perfectly before now overhangs, gets cut off, 
or is too small for the page. 

Adobe's PDF format is one solution — it converts 
work to a format in which the fonts are embedded. 
However, it’s not perfect, and when you send a PDF to 
the printer there's very little they can do to adjust it if 
it’s wrong. Remember that you have to do the PDF 
conversion on your own computer. The printers can't do 
it for you because it's only your computer that has the 
right fonts on it. 

“The best way is to avoid all forms of conversion,” 
says Simon. “I bet my bottom dollar your printer is 
using Photoshop, Quark and Illustrator/FreeHand. \f 
you use these industry heavyweights, you won't get any 
conversion problems. If you must convert something, 


send your printer a 300dpi TIFF in CMYK at 100 per 
cent plus 3mm bleed, and nothing will ever go wrong!” 


Page proofs 


Finally, always ask for a proof. That is, make sure you 
see how the document will be printed before you 
commit to the final print run. If you can, get them to run 
off an individual example so you can be confident in 
giving the go-ahead. Looking at the document as 
printed on your own printer (or worse still on your 
computer screen) is not really much of a guide. Colours 
will vary widely, margins can be different, paper quality 
will be different and printing methods will change. 

When you see the proof, examine it closely under 
different lighting conditions. This is the last moment 
you can change anything. If you decide later that the 
images look washed out, or the printing is not straight, 
there will be very little you can do. EEE 


=) Expertise provided by Christian Darkin. You can 
contact Christian at [e] christian@darkin.demon.co.uk. 
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a The Girl Who Spoke only Poetry 


“Poetry Stinks!” It's national poetry day and Gina is not impressed. Gina is ab 
teasing, name calling and copying other people’s work. Sullen and uncooperative, 
in trouble at school, but is soon forced to sing a different tune after a visit from the 
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Glossary 


Some of the terms 

you need to be familiar 
with when talking to 
your printer... 


Spot colour — A single ink colour 
used to create one-, two- or three- 


colour printing. 


Pantone — When using spot colours, 
you need to select the ink colours. 
The Pantone book gives you a unique 
number for each coloured ink, so you 


can get the same results every time. 


CMYK — Cyan, Magenta, Yellow, 
blacK — the four colours mix to 


create a full-colour print. 


RGB — Red, Green, Blue — the 
three colours mix to make the 
colours on your computer screen. 
RGB colours are slightly different 
from CMYK colours, so the 
conversion between them is never 


completely accurate. 


GSM — Grams per Square Meter 
(also known as GM2) — a measure of 


the weight of paper. 


Spot UV — A glossy varnish applied 
to part of a page to accentuate 
certain details. Often mistaken for 
the glossy varnish used to cover a 


whole page and protect the ink. 7 
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BOOK REVIEWS 


EDITORIAL DESIGN FOR PRINT AND ELECTRONIC MEDIA 


Price £16.99 Author Yolanda Zappaterra Publisher RotoVision 


nlike other design portfolios, this 

book attempts to unravel the 
elements of completed cutting-edge 
designs. Twelve publications — each with 
its own chapter — are deconstructed with 
much of the explanations coming from 
the designers themselves. Other key 
personnel who worked on the projects 
also give feedback. 

Presented in full-colour throughout, 
magazines, Websites and CD-ROMs all 
come under the spotlight in what the 
author calls “editorial design’, explaining 


this as “a discipline in which many 
elements need to interact harmoniously 
to form a cohesive whole”. Page after 
page of layouts make up each chapter. 
These alone serve as visual inspiration 
for your next project. But it’s the 
explanations that are most intriguing, 
because the author has attempted to 
discover not only the technique used by 
the featured designers but also their 
purposes behind the projects. 

Above all, this is a book that inspires. 
These are design projects that have 


ISBN 2-88046-718-7 


excelled within their chosen media 
and have given us a richer visual 
landscape asa 
consequence of 
their continued 
success. This 
work illustrates the 
pulse of today’s cutting- 
edge design and it should be 
read by all. 


VERDICT 


4,5/5 


REAL WORLD INDESIGN 2 


Price £33.99 


Authors Olav Martin & David Blatner 


Publisher Peachpit Press 
ISBN 0-201-77317-1 


nexcellent illustration of the 

A power and versatility of InDesign is 
the fact that this book itself was 
completely produced using that 
program. Now a worthy adversary forthe 
mighty Quark Xpress, InDesign has 
quietly improved since its launch. This 
book, like so many other reference titles, 
illustrates each of the key features and 
tools over 12 detailed chapters. 

More text-heavy than other 
comparable manuals, early chapters 
include step-by-step guides to how the 
workspace is organised and how text, 
type and images can be placed ona page. 

Where illustrations are used, 
screenshots are crisp and clear and 


annotated with extra information that 
reveals their function with great clarity, 
which is a bonus if you're looking to 
learn an isolated technique. 

As acompanion volume, this is an 
excellent manual if you're looking for 
more than the information contained 
within the Peachpit Visual Quickstart 
range of books. However, the lack of any 
colour sections or real-world examples 
detracts from the overall impression. 
That said, as a reference work to Adobe 
InDesign 2, this Real World guide is 
almost indispensable. 


VERDICT 4/5 
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QUARK XPRESS 5 BIBLE 


Price £36.99 


Authors Galen Gruman, Barbara Assadi & KellyAnton 


Publisher Hungry Minds 
ISBN 0-7645-3416-5 


his latest edition in the Bible 

series is a reference book that's 
hard to beat. After a methodical 
introduction to Quark, each of the areas 
of document design is explained. 
Beginning with general layout issues, 
you quickly move on to more detailed 
explanations of typography, graphics, 
output and Web publishing. 

This is not a tutorial-based manual, 
but a book that you can dip into at any 
point and quickly learn the skills you 
need. As the book is excellently divided 
into themed chapters, you can also 
take an in-depth look at particular 
aspects of Quark if you need to. More 
technically intense subjects such as 


XML support, colour trapping and the 
use of Xtensions are also explained and 
these sit comfortably within the main 
body of the book. 

Step-by-step explanations are used 
throughout, but these are relatively 
isolated within the text. Unfortunately, 
there are no examples of real-world 
projects to illustrate Quark’s features, 
which does let this book down. However, 
if you're just looking fora reference 
work to supplement the Quark 
documentation, you should seriously 
consider buying this. 


VERDICT 


4/5 


DESIGN BASICS: iveas AND INSPIRATION FOR WORKING WITH LAYOUT, TYPE AND COLOURIN GRAPHIC DESIGN 


Price £19.95 Author Joyce Rutter Kaye 


yD ivided into three sections — layout, 
type and colour — the author 
presents some of the most striking 
design in each category, but she fails in 
her attempt to teach us why these 
designs are so successful. 

What is missing from this portfolio is 
the technical detail that is essential for 
any reader to fully appreciate why and 
how these designs work so well. Very 
little explanation is given after the brief 
introduction to each chapter — within 
each chapter no technical data is given, 
not even any information about which 
typefaces are used in the type section! 

This could have been so much better. 


Publisher Rockport ISBN 1-56496-854-5 
The presentation of the completed 
projects seems to have over-shadowed 
the teaching element of the book, which 
the author purports to offer to her readers. 
Having said that, this is one of the few 
portfolios to mix three-dimensional 
package design with more conventional 
two-dimensional design, and for this it 
is to be applauded. But don't expect to 
learn why these designs are so 
successful. The captions offer little more 
than a description of the images, which 
you can plainly see for yourself. 


VERDICT 


3/5 


ROBIN WILLIAMS DESIGN WORKSHOP 


Price £24.99 Authors Robin Williams & John Tollett Publisher Peachpit Press 


rom the creators of the Non- 

i Designer’s series, this book 
increases your design skills by several 
steps. The authors uniquely give readers 
a short design test in key areas such as 
layout, type, colour and the Web. If you 
can't answer these questions, it’s 
recommended that you read the 
appropriate book in the Non-Designer’s 
series before tackling this one. This is an 
excellent idea, which will prevent the 
reader from suffering undue frustration. 

Heavily illustrated throughout, each 
double-page introduces another design 
concept. The minimal explanations allow 
the images to speak to the reader, who 


ISBN 0-201-70088-3 


can then decode their design language. 
What text there is, however, is well 
written and authoritative. 

The technical aspects of each design 
are also here. These are put into practic 
in chapter two, which offers many 
diverse design projects to flex your 
muscles with. Later chapters look at 
design theory, and are anchored firmly 
by practical discussion with eight 
designers taking the reader through a 
design brief. The perfect companion for 
all non-professional designers. 


VERDICT 4,5/5 


ADOBE PHOTOSHOP ELEMENTS 2.0 


Price £18.99 Author Philip Andrews Publisher Focal Press 


hotoshop 70 may be the flagship of 

digital image manipulation, but as 
digital photography has become more 
widespread, shelling out for Photoshop 
70 can seem like overkill. Enter 
Photoshop Elements. Now in its second 
incarnation, this book is a complete 
guide that covers both versions of 
Elements more than adequately. 

The presentation is second to none. 
Full-colour images and screenshots 
grace each page as the author moves 
from basic principles to more advanced 
features over 12 chapters. 

Unlike other books of this kind, the 
theory is more than put into practice. In 
one of the later chapters, 12 real-life 


ISBN 0-240-51918-3 


projects are explained, from slide 
shows for your home movies to 
company logos and Letterheads. These 
aren't presented in massive detail, but 
they do illustrate the versatility of 
Elements and allow you to get your 
hands dirty after digesting the theory 
in the previous chapters. 

If you need to manipulate digital 
images but can't justify the cost or time 
to learn Elements’ big brother, this is the 
book that will not only show you what 
can be achieved but inspire you to 
develop your skills even further. 


VERDICT 5/5 
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The in-depth guide for digital creatives 


jtal 
artfoll 


Computer Arts Special 

Illustration - COSB0038 

Learn new illustration techniques 
and styles by following our practical 
walkthroughs. Do fashion sketches 
in Illustrator, create pattern designs 
in SymmetryWorks, add perspective 
in FreeHand, combine 2D and 3D in 
Photoshop, produce vector traces in 
Streamline, make textures in 
CorelDRAW and animate 3D images 
in FILTERIT. You can also find what 
makes the perfect portfolio, learn 50 
easy shortcuts and more. 

CD Dual demos of Streamline 4.0, 
Illustrator 10, FreeHand 10, FILTERIT 
4,1 and SymmetryWorks. 


Computer Arts Special 
Typography — COSB0039 
Our comprehensive 100-page guide 


to type shows how you can create 
fonts in FontLab, design a poster and 
create raised type effects in 
Photoshop, animate type for the Web 
in Flash and produce smooth-moving 
text for your own film in After Effects. 
There’s also our guide to the 30 
rules of type, an in-depth look at font 
management, stencil font design in 
Fontographer, the history and heroes 
of type and much more. 

CD 250 free fonts, full version of 
TopStyle 2.51 Pro (PC), plus demos 
of FontLab, Fontographer and more. 


Computer Arts Special 

Flash games — COSB0040 
Awhole issue dedicated to creating 
games in Flash MX. Our tutorials 
show you how to make your own 
versions of gaming classics such as 


Tetris, Asteroids and Space Invaders. 


Other techniques demonstrated 
include: character animation, sound 
recording, lip-syncing and 3D 
character creation. You can also find 
out what the experts think are the 
essential ingredients for creating a 
successful online game. 

CD Demos of Flash Mx, Swift 3D v3 
and FlashAmp. Plus a range of the 
best Flash games and extensions. 


Computer Arts Special 
Photoshop - COSB0041 
A 100-page guide for Mac and PC 


Photoshop users. Our tutorials for 
creating stunning graphics include: 
spray-can graffiti effects, realistic 
explosion action scenes, natural 
media scan effects and futuristic 3D 
montage images. We also show you 
techniques for slicing Web graphics, 
customising tools and brushes and 
perfecting colour in digital images. 
Plus, 50 brand new Photoshop 7 tips 
as well as advice from professional 


Photoshop designers and illustrators. 


CD Photoshop 7 demo, plus over 50 
project files for our in-depth tutorials. 


Computer Arts Special 

Digital Portfolio- COSB0042 
Follow our 100-page full project (for 
Mac and PC) to creating an interactive 
portfolio. Using Photoshop, 
Fireworks, Dreamweaver and Flash, 
we show you how to plan a Website, 
fill it with content, make it interactive, 
and publish and promote it. Creating 
aCD portfolio with Photoshop and 
Director is easy with our tutorials to 
designing an interface, animating text 
and graphics, and adding interactive 
elements. Get inspiration from our 
profiles of top Web designers. 

CD Demos of Director MX, Flash Mx, 
Dreamweaver MX and Fireworks MX. 


Issue 77 — Code COA77 

New series: going freelance in design 
CD Fully-working 3ds max demo 
including 34 interactive tutorials 


Issue 78 - Code COA78 
Faster results in Photoshop, setting 
up in 3D, Flash animation, InDesign 
CD trueSpace3 full version 


Issue 79 - Code COA79 

Inside the creative mind, setting up 
in illustration, 3D in Cinema 4D R8 
CD ImageZoom 1.2, Amapi 3D 5 


Issue 80 - Code COA8O0 
Designing for cross media, women in 
design, 3D in Photoshop and more 
CD Director MX, Maya PLE 4.5 


Issue 81 - Code COAS81 
Broadband design, Photoshop 3D 
CD 3 full products: Mediator 5 Std, 
WebDesign 1.8, Alias Studio PLE 


All back issues cost £6. Postage free in UK. Add £1 per issue for European orders. Add £3 per issue for the rest of the world. 


CALL THE HOTLINE ON: +44 (0) 870 444 8455 
or LAKE OUT A SUBSCRIPTION — see page 54 
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& DIGITAL designers? We look at the liberties and 
see on 
Fv We show you how to create stunning 3D textures and 
effects — directly within Photoshop 
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NEXT ISSUE 
BUILD A COMPLETE 


BRAND IDENTITY 


Step-by-step guide to designing a company brand 


Includes how to: EVERYTHING 
* Design a company logo that works YOU'VE ALWAYS 
* Create letterheads, business cards and stationery WANTED TO 
* Superimpose your logo onto objects KNOW 


SpeCcral 
PROJECT KIT 


° Design packaging — complex box design explained 


Everything you need to: Plus: 


On the SBy ¢ Prepare your logo for use online ¢ Follow our expert guide to brand design 
; es * Create an animation of your logo ¢ Experts reveal their branding tips 
* All the files and trial ¢ Import your logo into a video clip * Profiles of top brand designers: SAS Design 
software you need to * Make a company e-mail newsletter and Good Technology 


complete our project 
Plus: 


ape abe alata On sale Thursday 03 APRIL 2003 
pdates at [w] ww mputerarts.co.uk 


e After Effects (Mac/PC) 


Ask your newsagent to reserve 
GET IT BEFORE ANYONE ELSE — 
rve your copy today 


your door every month. 
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Photoshop’ Elements 2.0 A 


Powerful yet easy-to-use image editi ng software for print, e-mail and the W, 2b Se mel 
4 .o qc New ~ 


Put some life Adobe® Photoshop” Elements 2.0 software offers the perfect 
combination of power and simplicity so you can do more 


back in your with your photos. From quick corrections to creative editing, 


, you can easily achieve high-quality results. Whether you use 
photos - let Adobe a digital camera or scan traditional photos, Photoshop 


‘ Elements makes digital imaging a breeze. 
Photoshop 
° 
Elements brighten 
yo ur day Adobe®, the Adobe logo, Elements®, and strapline Tools for the New Work* are either registered trademarks or trademarks of Adobe Systems 


Incorporated in the United States and/or other countries. © 2003 Adobe Systems Incorporated. All rights reserved. 


and/or other countries: © 2003 Adobe Systems incorporated. Al rights reserved. 
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Going back and forth between programs 
shouldn’t make work painful. 


That’s what creative directors are for. 


Go back and forth between Adobe Photoshop’, Illustrator’ and InDesign’ easily and less often. 
Enjoy familiar tools, palettes and keyboard shortcuts. Directly import native Photoshop and Illustrator files. 
Indulge in the consistency of a shared colour engine. Maybe even go home early for a change. 
To learn more, download the Indesign 2.0 try out at www.adobe.co.uk/indesign-tryout 


InDesign 2.0 | Adobe _| Tools for the New Work 


